"Create a Sticky Vertical Menu Site in 30 Minutes - WordPress Gutenberg Tutorial"

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

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

  • @Markonia_
    @Markonia_ Год назад +5

    Finally something not about Ai !!

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

    So far I've encountered two of your Gutenberg tutorials and found them both very educational and hella helpful! You always give just the right amount of info (in this case about the sticky navbar) to make it easy to solve for a particular situation even if it's not identical to the one you're demonstrating. Thanks !

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

      Can that’s great to hear 👍

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

    That really is a nice site. Now to go through and play this video at half speed so I can actually keep up. Thanks, as always Jamie.

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

      😀😀 did you see the option in youtube to slow down videos (i use this a lot when watching guitar videos)

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

    Thanks Jamie. This is really cool. The sticky menu on the left, I really love that. Within the sticky container block, say below the menu one could also add an eye-catching link to a "contact us" or a CTA landing page.

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

      Yup, you could add any type of block in there 👍

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

    I've been looking for something on sidebar menus for a while now. This is perfect thank you!

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

    Amazing! I am a newbie and you have made my life easier, thanks and best wishes

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

    Excellent, Jamie! Thank you, so much.

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

      My pleasure - glad it was useful :)

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

    Another great Video Thanks Jamie. It illustrates how easy it is to do some great things. I've ditched the Query loop in favour of a product called POSTX (they do other products) and there are many things the Query loop doesn't do especially when you want to filter using Tags etc which is where the standard Query loops falls down badly. POSTX also has many more formatting option which is something the standard Query loop lacks.

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

      tks Stu - fyi the standard query loop lets you filter by Tags and Categories ;)

  • @derek-hanson
    @derek-hanson Год назад

    That explains it! I ran into the same issue with the sticky block in column.

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

      Yup, it's a recent change apparently - huge shame. Hopefully, it will come back.

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

    If you could add another part - on how to do the masonry part would be awesome!

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

    Thank you. This was amazing/awesome.

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

    Nice Jamie - maybe using a lightbox instead of a single post page might be an idea too - I use Meow Lightbox...

  • @AaAa-je5eo
    @AaAa-je5eo 11 месяцев назад

    Really excellent content Jamie, thanks for this. The only issue is though, surely the query loop on the single post template isn't ideal? Will it not just default to the first image in the post set? So if you click on anything on the thumbnail page that isn't the first image it won't be very smooth UX as it won't display that image on the next page...just the first image of the set again but the URL will be correct.
    Unless I'm missing something here?

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

      I think if you select ‘inherit template’ it’s ok (but not 100% sure that’s how I got it working )

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

    Literally an awesome copy of the original Website... Jaime, you made my day! I had been trying to make a menu like this with different plugins, but now it is clearer. The problem I had with the plugins is that by default the menu customizer option does not appear, so I had to put several plugins until the option finally appeared because some plugins only work with items prior to the FSE. Now I'm wondering how can I put an icon for each menu item, please give me some idea? I don´t know how to add an Icon with Awesome font or should I use a menu icon plugin? Greetings and thanks a lot 🙏

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

      i'll have a think

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

    Good video it’s impressive what FSE can do but the elegant “next & previous” sticky buttons on the left corner is what I wonder about and that is what you didn’t recreate! What a bummer! Any idea on how to do that?

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

      Yes i couldn't work out an easy way to do that with the core query loop block (so i used the pagination block in the right hand column instead - will keep thinking on it though

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

      @@jamiewp isn’t there some custom css to set the page numbers to “display: none” and somehow use some “absolute positioning” to move the remaining “previous/ next” to the left corner of the screen. I don’t know I just think that could be done but don’t know how. Any input?

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

    Hi! I just discovered you channel! It’s great. I’m your new subscriber.
    It’s possible to convert the query loop into an infinity scroll?
    Thanks

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

      Great question- I’ll do some digging

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

    this video solved many of my problems. Thank you. One question: how did you "quickly" add that list of posts? Do you have a video on that subject? I am rebuilding a site and there are a ton of posts I would like to imports and add a featured images.

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

      Figured it out. Used WP Export Import. Seems to have worked like a charm.

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

    what about i want to add sticky at top nav bar and footer?

    • @jamiewp
      @jamiewp  11 месяцев назад +1

      Hi - do you want a sticky footer ?

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

    Is sticky still not available forGutenbury menu?

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

      Yes it is - but you need to put in a group block

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

    Hi Jamie, why I am getting this message in 6.1?
    "This theme was built for the WordPress experimental full site editing feature. You need to install and activate the Gutenberg plugin to make it work."
    But it didn't solve my issue even if I install Gutenberg plugin. This is only happening to 'blog' page and it uses page template of 'ONA' theme but I don't have an option to change template type either?
    Thank you

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

      Hi, it sounds like a theme issue - i would check with the team at Ona

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

      @@jamiewp Thank you so much

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

    Why do I have to use Wordfence if I already have server level protection + waf like BitNinja or imunify360?

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

      You don't

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

      Well this is a bug... I commented to another Wordpress video tutorial...anyway, keep up the good work! I follow all your videos :)

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

      @@laurpixel i thought it was a bit odd 😉

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

    This is helpful but I've noticed that using this sticky block causes some issues when viewing on mobile. I.e., the site title and menu end up on top of the posts as I scroll.

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

      i think there might be option in the sticky block plugin not to stick on mobile (not 100% sure though)

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

      @@jamiewp Just checked and you are correct. That fixed the problem. Thanks!

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

      @@PhilipAllison 👍

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

    Can you help me? I use elementor page builder but I do create blog posts using Gutenburg. I am going through and adding likr all of these spacer blocks for ends of paragraphs, before and after H1, H2, H3 tags, before and after images. Seems extremely tedious!
    What is the RIGHT way to do this, or do I need to do this with every blog?
    Also I havent even published the post yet so I'm sure once I look on Mobile it will give me an entirely new set of problems.
    Please help! Best Practices?

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

      It sounds like a theme issue - what theme are you using ?