Recreating an EPIC layout in GenerateBlocks (my #1 hack for getting better at design & development)

Поделиться
HTML-код
  • Опубликовано: 8 ноя 2024

Комментарии • 39

  • @TheAdminBar
    @TheAdminBar  11 месяцев назад

    Get my free bonus, 'The 6 Essential Tweaks for a Perfect Generate Site' for free here: theadminbar.com/generate

  • @adeel.azeemi
    @adeel.azeemi Год назад +2

    This is really cool stuff Kyle. Please make more videos on "makeovers". GB is powerful but we need more powerful person like you behind it.

    • @TheAdminBar
      @TheAdminBar  Год назад +1

      Glad you enjoyed it! Lots more queued up!

  • @JC.TrinityTrading
    @JC.TrinityTrading 11 месяцев назад

    Wow, love to see more videos like this. Thanks for making it.

  • @fabriciolujano
    @fabriciolujano Год назад +1

    Amazing! I'm going to start my new website from scratch, moving on from page builders like oxygen or elementor or even bricks, in favor of gutenberg mainly for performance and scalability - stability issues with page builders. Gonna implement these tips =) amazing job again bro.

  • @GregMurch
    @GregMurch Год назад

    This is a great demo, thank you for this. I can't wait to try it out.

    • @TheAdminBar
      @TheAdminBar  Год назад

      Thanks, Greg! Glad you enjoyed! I appreciate you leaving a comment and liking the video ❤

  • @composercode
    @composercode Год назад

    Awesome stuff dude! Thank you!

    • @TheAdminBar
      @TheAdminBar  Год назад

      Thank you! I'm glad you enjoyed it! 🙌

  • @port7421
    @port7421 Год назад

    At first I thought it would be a very simple task. However, a lot of interesting new things could be learned. Thanks a lot.

    • @TheAdminBar
      @TheAdminBar  Год назад

      Right? That's the great thing about doing stuff like this. It forces you to find some of the less-obvious things!

  • @leonardo_iann
    @leonardo_iann Год назад

    Awesome, love those kind of videos Kyle, really helpful! I hope GenerateBlocks team will put soon inside the editor position : absolute!

    • @TheAdminBar
      @TheAdminBar  Год назад +2

      Yeah, I was wondering the same... But, unfortunately, the WP block editor does NOT handle it well 😅 (as you can see by how things didn't line up on the front and back end.
      Plus... if you don't know how to use absolute, then you can get yourself in a lot of trouble. It's not super intuitive and I imagine it would result in a lot of broken site and support requests.
      I'm not sure they will add it! lol

    • @leonardo_iann
      @leonardo_iann Год назад +1

      ​@@TheAdminBar yeah that's the main problem! In fact I recently asked it to the support and they said, "Yes, position: absolute is in our plans for the future. Once we find a user interface and how to make it work well within the editor ". It may take some time but at least we know it is in their plans :D
      Ps: I forgot, the trick with svg exported by figma and used as pattern: really loved it!

  • @upstatenyrider8413
    @upstatenyrider8413 Год назад

    Kyle - Definitely on the next level. Your approach to CSS is minimal and does the responsive job very nicely. I've struggled with optimizing some really nice desktop layouts for mobile, especially when some sort of sub navigation is involved - classic example is vertical tabs. Nice layout with 10 stacked tabs and content to the right. Goes nuts on mobile as the nav will stack on top.

    • @TheAdminBar
      @TheAdminBar  Год назад

      😂 Yes, tabs can be super difficult. With the GB tabs block, I've been doing a horizontal swipe thing for tabs on mobile (I got a video on that too 😅). I don't LOVE the UX, but it's better than people missing the content (which happens when the tabs are all stacked up and take up more than 100vh). People are pretty used to swiping on phones.

  • @gojiyaravi2
    @gojiyaravi2 Год назад

    Loving these tutorials 😊.

    • @TheAdminBar
      @TheAdminBar  Год назад

      Thank you! I'm glad you enjoyed it!

  • @youtubepromo
    @youtubepromo Год назад

    Great Video Kyle. Your videos are always something i look forward to... can you do a video on ACF blocks and generate blocks pro.. In a detailed way please.

    • @TheAdminBar
      @TheAdminBar  Год назад

      I don't know anything about ACF Blocks 🤔

    • @youtubepromo
      @youtubepromo Год назад

      Sorry for the typo. I meant ACF . I have watched some of your video on the same but i was hoping if you could come up with video on using acf and gb pro in future. Thanks. I really appreciate your effort.

  • @dmathiasen
    @dmathiasen Год назад

    You’re good! We want more of this tutorials with GP 😊

  • @Fastholic
    @Fastholic Год назад

    as always very informative. will definitely try this one out.
    In your next video could you please recreate page navigation.

    • @TheAdminBar
      @TheAdminBar  Год назад

      Thanks!
      Can you give me a specific example?

    • @upstatenyrider8413
      @upstatenyrider8413 Год назад

      @@TheAdminBar I'll chime in here - would love to see how you created your entire menu system on TheAdminBar

  • @goirdi
    @goirdi Год назад

    Thank you for your very interesting video! I wanted to know how the .wi1 shortcut works?

    • @TheAdminBar
      @TheAdminBar  Год назад +1

      It's just my shortcut for TextExpander (if you're not sure what the is, it's worth a Google!)

  • @MrOliver1444
    @MrOliver1444 Год назад

    Great vid

  • @JanCabanik
    @JanCabanik 8 месяцев назад

    🎉 great

  • @bitkahuna
    @bitkahuna Год назад

    Maybe I missed it but dumb question - I assume you set page layout to full width?

    • @TheAdminBar
      @TheAdminBar  Год назад +1

      Great question - yes. I set up an element that turns EVERY page into full width (unless I specify differently).

  • @aijokker
    @aijokker Год назад

    Thanks. How do you speed up generatepress? My website is almost fresh and i cant even pass the web vitals 😢

    • @TheAdminBar
      @TheAdminBar  Год назад +1

      Hummm you almost have to try to make GP/GB run slow. Could be hosting? Could be other plugins? Could be unoptomized files? By itsself, GP and GB are going to give you perfect 100% scores.

    • @aijokker
      @aijokker Год назад

      @@TheAdminBar you should make tutorial on how to optimize your wordpress)

  • @iamYasin22
    @iamYasin22 Год назад

    Please at least one video on mega menu. How to create mega menu using GenerateBlock?

    • @TheAdminBar
      @TheAdminBar  Год назад

      If I can figure out how to do it accessible... I will 😅

  • @SherissaR
    @SherissaR Год назад

    I couldn’t get this to work.😢 followed the tutorial step by step