Horizontal Big Mega Menus in WordPress 2023 - (Gutenberg)

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ก.ค. 2024
  • In this Tutorial, we will see how to build a Horizontal WordPress Mega Menu in Gutenberg using Reusable Block Templates. Without any coding knowledge, we will make a Full-width Mega Menu in Gutenberg with icons, images, Media Gallery, Video, WooCommerce Products, Contact Forms etc. Everything just using The Plus Addons for Gutenberg Plugin.
    Live Block Demo -theplusblocks.com/plus-blocks...
    Exclusive Features
    ✅ Performance Optimized
    ✅ 100% Responsive
    ✅ WordPress Mega menu with icons
    ✅ WordPress Mega menu with images
    ✅ WordPress Mega menu plugin
    ✅ WordPress Mega with WooCommerce Products
    ✅ Mega Menu with Contact Form
    ⭐ Exclusive Mobile Menu for Gutenberg - theplusblocks.com/plus-blocks...
    ⏯️ Don't Forget to Subscribe to our TH-cam channel for ✨ The Latest Updates - th-cam.com/users/POSIMYTHInn...
    ⚡SUPERCHARGE YOUR WEBSITE NOW⚡ - theplusblocks.com/pricing
    🔥 USE CODE " TH-cam10 " TO ENJOY 10% DISCOUNT 🔥
    _______________________________________
    Timestamps 🕐
    0:00 Intro
    2:28 Activating the Mega Menu Navigation Blocks
    3:27 Using Nexter Theme Builder
    4:33 Understanding Basics of Navigation Menu
    12:35 Making Horizontal Mega Menu in Gutenberg
    23:22 Styling the Horizontal Mega Menu
    27:36 End Notes
    _______________________________________
    Important Links 🔗
    ▶️ Website - theplusblocks.com/
    ▶️ Join our Facebook Community - / theplus4gutenberg
    ▶️ Add your favourite feature on our Roadmap - roadmap.theplusblocks.com/
    ▶️ Hit Like on our Facebook Page - / tpagutenberg
    ▶️ Need Help with Blocks, refer our Docs - docs.posimyth.com/tpag
    ▶️ Enjoy Premium Support- store.posimyth.com/helpdesk
    ▶️ Check our Nexter Theme - nexterwp.com/
    #GutenbergMegaMenu #HorizontalMegaMenu #WordPressTutorial
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 12

  • @posimyth
    @posimyth  2 ปีที่แล้ว +2

    Getting the Site Navigation right is essential so that your users can find the correct page easily.
    - People said, Gutenberg is limited ! Well then here is The Plus Addons for Gutenberg, Agree ❓

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq 9 หลายเดือนก่อน +1

    Plus blocks is cool

  • @zoltankemenes1981
    @zoltankemenes1981 ปีที่แล้ว +1

    Thank you for this detailed tutorial (vertical one included). I would be eager to watch the upcoming tutorial for the mobile menu options as well.

    • @posimyth
      @posimyth  ปีที่แล้ว +1

      Glad to hear that Zoltan,
      Mobile menu video on the way 🚀🚀

  • @tobias3464
    @tobias3464 ปีที่แล้ว +1

    It's very nice to have a mega menu in gutenberg. Thanks for your work on that topic! Nonetheless I've a few questions. How can i make the reusable block scrollable in the menu? For example when I've a contact form inside mega menu I want to make it vertically scrollable. The other suggestion would be to add a timing option for the fade out. I don't want the menu to disappear immediately when the mouse is move away from the menu item. Instead it would be nice if we could choose a time delay and only after that the Mega Menu would disappear. Hope you are further developing that feature! Thanks so far!

  • @GeraldTucciarone
    @GeraldTucciarone 9 หลายเดือนก่อน

    I am following this tutorial but when I get to Icon selection, there are no icons showing. What can I do?

    • @posimyth
      @posimyth  9 หลายเดือนก่อน

      Hello Gerald,
      Please ensure Font Awesome Icons are enabled.
      Please raise a ticket at helpdesk, if you require any further help.

  • @devmark404
    @devmark404 5 หลายเดือนก่อน

    navigation block does not have nav tag for seo

    • @posimyth
      @posimyth  4 หลายเดือนก่อน

      Hello Devmark,
      yes, we do add nav HTML tag with our menu

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq 9 หลายเดือนก่อน

    how much does it cost

    • @posimyth
      @posimyth  9 หลายเดือนก่อน

      Hello,
      Its starts at just $39.
      Please check the demos - theplusblocks.com/plus-blocks/mega-menu/
      And pricing - theplusblocks.com/pricing/