Тёмный

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

Jamie Marsland
Подписаться 119 тыс.
Просмотров 8 тыс.
50% 1

Опубликовано:

 

7 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 51   
@Markonia_
@Markonia_ Год назад
Finally something not about Ai !!
@jamiewp
@jamiewp Год назад
😬
@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!
@jamiewp
@jamiewp Год назад
Cool, 👍
@ahsanahmed2686
@ahsanahmed2686 Год назад
Amazing! I am a newbie and you have made my life easier, thanks and best wishes
@jamiewp
@jamiewp Год назад
great to hear
@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 Год назад
Yup, it's a recent change apparently - huge shame. Hopefully, it will come back.
@camn9441
@camn9441 Год назад
If you could add another part - on how to do the masonry part would be awesome!
@jamiewp
@jamiewp Год назад
👍
@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 Год назад
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 месяцев назад
Hi - do you want a sticky footer ?
@SingaporeMathsAcademyUK
@SingaporeMathsAcademyUK Год назад
Is sticky still not available forGutenbury menu?
@jamiewp
@jamiewp Год назад
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 Год назад
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 Год назад
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 ?
Далее
Sticky Vertical Menu Elementor Pro Navigation v2
32:47
Нарвался на сотрудника ФСБ⚡️
01:00
You won't believe WordPress can do this!
8:05
Просмотров 26 тыс.
WordPress Block Themes are amazing 🔥
9:24
Просмотров 8 тыс.
13 Things To Remove From Your Website Immediately
12:33
Stuff ALL WordPress Beginners should know!
12:25
Просмотров 5 тыс.
Create Pro WordPress Page Layouts in Just 10 Minutes
11:52
The 10 Best FREE WordPress Block Themes of 2023!
9:45