Are you using the best free WordPress Gutenberg Block yet?

Подписаться 58 тыс.

Просмотров 12 тыс.

50% 1

Are you using the best free WordPress Gutenberg Block? In this video I'll show you my number one favourite Gutenberg Block - the Cover Block.
Sign up for my newsletter www.pootlepress.com/sign-up-t...
Contact me at: jamie@pootlepress.com 📧
See our lovely Gutenberg WordPress plugins 🔥 www.pootlepress.com/wordpress... 🔥
Timeline:
0:00 - Intro
0:22 - What we are going to build
1:28 - The Cover Block settings
4:48 - Full Screen Banner with Glassmorphism
7:00 - Video Backgrounds with Gutenberg
7:40 - Gutenberg Boxes and Cards with CTA's
10:00 - Masonry Grid Cards with Gutenberg
12:05 - Parallax Images with Gutenberg
13:00 - The window effect with Gutenberg
14:40 - Why does the Cover block crop my background image?
15:29 - Cats cameo

Кино

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

1 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 83

@inezgrey1000 19 дней назад

I am so inspired by these juicy demos! Thank You so much!

@jamiewp 18 дней назад

thanks Inez :)

@AjniraBloom Год назад

Jamie, I have been stalled redesigning my website for 4 years trying to figure out the best way to do exactly what you've done in this tutorial. I LOVE this! I was trying to learn Ulta by Themify and it was SO much harder to understand and do. So grateful to you. Thank you!

@WineGiftBoxMaker 2 года назад

very very cool - thanks for speedy tutorials to boast my creativity - everyone thinks I am SO smart

@jamiewp 2 года назад

That's great to hear Scott - I'm sure you are smart 😀

@Asianaddictsanonymous 2 года назад

Love seeing all the creative ways to use this and the end one you accidentally stumbled upon is so cool 😎

@jamiewp 2 года назад

thanks :)

@photuris5 2 года назад

You have some of the best tutorial videos out there! Thank you so much for your time in creating them.

@jamiewp 2 года назад

Thank you so much Gina 🙏

@eddyaruda486 2 года назад

You embody the KISS principle. You masterfully teach in simple terms what a newbie would find incomprehensible. Thank you.

@jamiewp 2 года назад

thanks Eddy - that's so great to hear 👍

@MartinMcLoughlinNo1 2 года назад

Great. Thanks for sharing your knowledge.

@jamiewp 2 года назад

thanks Martin, glad it was useful 👍

@SummerSanityOver70 2 года назад

Wonderful. You got my subscription!

@martinkaspar5095 2 года назад

Great Jamie: Awesome 👍🏻So intuitive and so much value. I'm so grateful I found your video-channel and i love how well you structured all your videos: SOOO high quality. xxx Wowzers ♥ Hats off to you, dear Jamie - your work really inspires me!! 😳♥♥

@jamiewp 2 года назад

Thank you so much Martin - comments like make all the effort worthwhile 😀

@emadhosen3727 2 года назад

thank you Jamie. Your tutorial are tremendously inspiring. I have been interested in developing my WordPress skills for a while by now but I haven't been so encouraged till I have come across your channel. You really make the job looks very achievable yet very professional. Thank you again and keep going.

@jamiewp 2 года назад

Thanks Emad - that's one of the nicest and most inspiring comments I've ever had 😀

@kirkoconnor4254 2 года назад

So many great hacks there. much appreciated Jamie...

@jamiewp 2 года назад

tks Kirk 👍

@MarioGZito 2 года назад

Thank you. Very useful vídeo!

@jamiewp 2 года назад

Thanks Mario 😀

@andypuempel2570 10 месяцев назад

Great Video Jamie. Always learn something from your content. Nicely done!

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

Thanks Andy

@YOUTUBEJAMES 2 года назад

I was looking everywhere for current info (Gutenberg 5.9) on the cover block. Your video describing how to use it blew me away. Very useful. Thank you.

@jamiewp 2 года назад

Fab, great to hear James 👍

@HughCulver Год назад

This is great! Thanks Jamie - I was looking for something just like this.

@jamiewp Год назад

Great 👍

@mr.javelin7505 2 года назад

I havent watched the whole video yet but I am sure by now this is the one I have been looking for few months now.

@jamiewp 2 года назад

Great to hear 😀

@howmightwestudio 2 года назад

Dope jingle bro :-)

@jamiewp 2 года назад

Cheers, my daughter Meg made it 😉

@howmightwestudio 2 года назад

@@jamiewp well composed Meg! Good skillz!

@joch6n 2 года назад

@@jamiewp Yes, what a cool jingle.

@jenniferward6821 2 года назад

Bit of a find you are! Great vids!

@KaiBuskirk 2 года назад

perfect!

@philipdorn76 Год назад

This video will save me so much time in the future. Thanks for this and all your other videos which are always so helpful and presented in a simple to understand manner..Great channel.

@jamiewp Год назад

Thank you Philip :)

@rachelwear2541 2 года назад

I liked for your cats to get a treat and because your videos are so helpful! :D

@jamiewp 2 года назад

thanks Rachel :)

@christophercastelli9732 2 года назад

All your tutorials have been excellent! I am building a site for which a "click-to-enlarge images" function is essential. I was planning to use the WP Featherlight plugin but was advised it may not work with 5.9. Is there another plugin that would enable the click-to-enlarge function? Thank you

@aviationandbeyond 2 года назад

Absolutely blowout..thanks a lot.

@jamiewp 2 года назад

Tks 👍

@aviationandbeyond 2 года назад

@@jamiewp I tried glass morpism. Cannot find overlay slider in column - background color. WP 5.9 & Kaence theme. What I am missing? Gutenberg plugin ? on top of 5.9? Confused.

@jamiewp 2 года назад

@@aviationandbeyond yup you need the gutenberg plugin atm - it will be rolled into core though in next release 😉

@aviationandbeyond 2 года назад

@@jamiewp I thought Gutenberg was rolled in with 5.9 thanks for clarifying.

@jamiewp 2 года назад

@@aviationandbeyond it is rolled in, but the plugin is always a few steps ahead of whats included in core Wordpress.

@vznquest 2 года назад

loving the cover block! i also started using the html-anchor function to label parts of my posts, and it was working for a while, but all of the labels have disappeared in the list view now. i tried switching themes and disabling plugins to see if the labels come back but they don't...any idea what went wrong?

@rajbista1478 2 года назад

Can u also mention best image sizes for the different blocks?

@amthyhardware1132 2 года назад

Thanks Gina, But I find it is unable to edit the product blocks independently for mobile or tablet version. is there any solution for it. Thanks so much again.

@jamess5542 2 года назад

Another great video! What I particularly dislike about the Cover block is that I cannot choose a focal point when I click on 'Fixed Background'. And so, some of the images look disproportionate :(

@jamiewp 2 года назад

Thanks James 👍I might try to dive into that issue.

@chrisfarrell8399 2 года назад

Really enjoying your videos Jamie! I'm having an issue with my cover block not showing on my main posts page. I'm trying to add a cover block that shows on my blog posts page where my articles are displayed. I even tried adding a featured image as a test and it doesn't show either. Again, this problem is on my main blog page, not the individual post page. Any ideas? I have an Astra theme.

@jamiewp 2 года назад

Hi Chris, I think it's because the main blog page is a dynamic page that just shows your posts automatically. One option is to create a custom blog page - here's a video that shows one way to do it ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-SuW_gzqBexs.html

@chrisfarrell8399 2 года назад

@@jamiewp This is exactly what I’m needing!! Thanks for the super fast reply and help 😊

@aadhendriks8930 Год назад

A good explanation from Jamie! I'm trying the 9-block grid, but I only get big gaps between the pictures. I'm using the column block as in Jamie's explanation. Full-width. Anyone have an idea what I'm doing wrong here? I use 2023. Thanks in advance!

@jamiewp Год назад

Do you have a link you can share ??

@aadhendriks8930 Год назад

@@jamiewp Unfortunately I can't send a link because I'm still testing it on MAMP. But by now I know that the 9 box grid works well with WP 2021 and 2022, but not with 2023. It took me a while to understand. It is not properly distributed in WP 2023 due to the intervening space. So I am now incorporating your fantastic tip for the layout grid into WP 2022. This works great! Thanks for your concern. I learned a lot from you! Aad Hendriks

@notion9668 2 года назад

thanks for yrs Gutenbergs videos but question for newbis how to insert lorem ipsum paragraph :):):)

@jamiewp 2 года назад

I use a free chrome add on chrome.google.com/webstore/detail/lorem-ipsum-generator-def/mcdcbjjoakogbcopinefncmkcamnfkdb?hl=en

@glowindarkness1871 2 года назад

This block is excellent. Bad thing is that if I make the cover fixed it looks good on desktop, but does not look good on mobile. The image shows only a part. If I remove the 'fixed' option and make it wide width, it is better, but I can't make it fixed on desktop. I use the new twenty twenty two theme. Is there a possibility to make this work also on mobile?

@jamiewp 2 года назад

Hi, this is a little difficult to explain, but the background image will always look like it crops on different screen sizes. Imagine you had an image of landscape proportions and you wanted to show the whole background image regardless of the device it was being viewed on. That's ok on a desktop of a fixed size but on a mobile if you kept the proportions of the image, it would be tiny (because it would keep the landscape ratio) and the text would likely drop below the image. Lemme know if that makes sense. With the Cover block the text takes priority over the background image.

@KaiBuskirk 2 года назад

can we use the cover block to build a header...

@jamiewp 2 года назад

Yup

@pausitivevibe6690 Год назад

I created an image with an animated title in Canva and saved it as an mp4. I used the Cover block to add this image, but it's dark. How do I get it to show the true color? I can't figure it out. Thank you

@jamiewp Год назад

The cover block has an overlay applied - you can remove in the block settings panel in the right