Are you using the best free WordPress Gutenberg Block yet?

Фильм және анимация

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

Пікірлер: 83

  • @AjniraBloom
    @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!

  • @inezgrey1000
    @inezgrey1000Ай бұрын

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

  • @jamiewp

    @jamiewp

    Ай бұрын

    thanks Inez :)

  • @WineGiftBoxMaker
    @WineGiftBoxMaker2 жыл бұрын

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

  • @jamiewp

    @jamiewp

    2 жыл бұрын

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

  • @eddyaruda486
    @eddyaruda4862 жыл бұрын

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

  • @jamiewp

    @jamiewp

    2 жыл бұрын

    thanks Eddy - that's so great to hear 👍

  • @Asianaddictsanonymous
    @Asianaddictsanonymous2 жыл бұрын

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

  • @jamiewp

    @jamiewp

    2 жыл бұрын

    thanks :)

  • @YOUTUBEJAMES
    @YOUTUBEJAMES2 жыл бұрын

    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

    @jamiewp

    2 жыл бұрын

    Fab, great to hear James 👍

  • @photuris5
    @photuris52 жыл бұрын

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

  • @jamiewp

    @jamiewp

    2 жыл бұрын

    Thank you so much Gina 🙏

  • @howmightwestudio
    @howmightwestudio2 жыл бұрын

    Dope jingle bro :-)

  • @jamiewp

    @jamiewp

    2 жыл бұрын

    Cheers, my daughter Meg made it 😉

  • @howmightwestudio

    @howmightwestudio

    2 жыл бұрын

    @@jamiewp well composed Meg! Good skillz!

  • @joch6n

    @joch6n

    2 жыл бұрын

    @@jamiewp Yes, what a cool jingle.

  • @martinkaspar5095
    @martinkaspar50952 жыл бұрын

    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

    @jamiewp

    2 жыл бұрын

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

  • @mr.javelin7505
    @mr.javelin75052 жыл бұрын

    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

    @jamiewp

    2 жыл бұрын

    Great to hear 😀

  • @emadhosen3727
    @emadhosen37272 жыл бұрын

    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

    @jamiewp

    2 жыл бұрын

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

  • @MartinMcLoughlinNo1
    @MartinMcLoughlinNo12 жыл бұрын

    Great. Thanks for sharing your knowledge.

  • @jamiewp

    @jamiewp

    2 жыл бұрын

    thanks Martin, glad it was useful 👍

  • @jenniferward6821
    @jenniferward68212 жыл бұрын

    Bit of a find you are! Great vids!

  • @HughCulver
    @HughCulver Жыл бұрын

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

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Great 👍

  • @KaiBuskirk
    @KaiBuskirk2 жыл бұрын

    perfect!

  • @MarioGZito
    @MarioGZito2 жыл бұрын

    Thank you. Very useful vídeo!

  • @jamiewp

    @jamiewp

    2 жыл бұрын

    Thanks Mario 😀

  • @andypuempel2570
    @andypuempel257011 ай бұрын

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

  • @jamiewp

    @jamiewp

    11 ай бұрын

    Thanks Andy

  • @SummerSanityOver70
    @SummerSanityOver702 жыл бұрын

    Wonderful. You got my subscription!

  • @philipdorn76
    @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

    @jamiewp

    Жыл бұрын

    Thank you Philip :)

  • @kirkoconnor4254
    @kirkoconnor42542 жыл бұрын

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

  • @jamiewp

    @jamiewp

    2 жыл бұрын

    tks Kirk 👍

  • @rachelwear2541
    @rachelwear25412 жыл бұрын

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

  • @jamiewp

    @jamiewp

    2 жыл бұрын

    thanks Rachel :)

  • @christophercastelli9732
    @christophercastelli97322 жыл бұрын

    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

  • @jamess5542
    @jamess55422 жыл бұрын

    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

    @jamiewp

    2 жыл бұрын

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

  • @aviationandbeyond
    @aviationandbeyond2 жыл бұрын

    Absolutely blowout..thanks a lot.

  • @jamiewp

    @jamiewp

    2 жыл бұрын

    Tks 👍

  • @aviationandbeyond

    @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

    @jamiewp

    2 жыл бұрын

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

  • @aviationandbeyond

    @aviationandbeyond

    2 жыл бұрын

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

  • @jamiewp

    @jamiewp

    2 жыл бұрын

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

  • @vznquest
    @vznquest2 жыл бұрын

    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
    @rajbista14782 жыл бұрын

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

  • @amthyhardware1132
    @amthyhardware11322 жыл бұрын

    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.

  • @notion9668
    @notion96682 жыл бұрын

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

  • @jamiewp

    @jamiewp

    2 жыл бұрын

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

  • @chrisfarrell8399
    @chrisfarrell83992 жыл бұрын

    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

    @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 kzread.info/dash/bejne/hamLwcmzoaXLqNY.html

  • @chrisfarrell8399

    @chrisfarrell8399

    2 жыл бұрын

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

  • @aadhendriks8930
    @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

    @jamiewp

    Жыл бұрын

    Do you have a link you can share ??

  • @aadhendriks8930

    @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

  • @blobboflava
    @blobboflava Жыл бұрын

    Thank you! I will name my first son after you! (Do you have a middle name???) Love this video! 😉

  • @jamiewp

    @jamiewp

    Жыл бұрын

    thank you - i do have a middle name but it's a bit of a secret ...hint: i was born on Christmas Day

  • @glowindarkness1871
    @glowindarkness18712 жыл бұрын

    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

    @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.

  • @pausitivevibe6690
    @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

    @jamiewp

    Жыл бұрын

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

  • @barsk76
    @barsk762 жыл бұрын

    It is acting like a section block in UAG which you can add blocks in it.

  • @jamiewp

    @jamiewp

    2 жыл бұрын

    Yup exactly, but it's a core block 😀

  • @barsk76

    @barsk76

    2 жыл бұрын

    @@jamiewp Absolutely :)

  • @KaiBuskirk
    @KaiBuskirk2 жыл бұрын

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

  • @jamiewp

    @jamiewp

    2 жыл бұрын

    Yup

  • @MrMcGooGarage
    @MrMcGooGarage2 жыл бұрын

    Strange, my color picker does not have the opacity slider in color panel.

  • @jamiewp

    @jamiewp

    2 жыл бұрын

    Are you using the latest version of the Gutenberg plugin?

  • @MrMcGooGarage

    @MrMcGooGarage

    2 жыл бұрын

    @@jamiewp ohhh its only in the plugin? I just figured WP built in Gutenberg was the same.

  • @thegoat_8718
    @thegoat_87182 жыл бұрын

    Why not just using the new FSE who is doing the same things ?

  • @jamiewp

    @jamiewp

    2 жыл бұрын

    sorry not sure i understand what fse has to do with this?

  • @thegoat_8718

    @thegoat_8718

    2 жыл бұрын

    @@jamiewp I mean the beta editor

  • @illu.pencil
    @illu.pencil Жыл бұрын

    I don't see padding feature any more

  • @jamiewp

    @jamiewp

    Жыл бұрын

    What theme are you using ? Not all themes turn it on

  • @illu.pencil

    @illu.pencil

    Жыл бұрын

    @@jamiewp Bricks, I didn’t think about it. Thanks

  • @robertbailey8003
    @robertbailey80032 жыл бұрын

    Easy, simple, quick.....NOT!

Келесі