Glassmorphism in WordPress: Quick and Simple Tutorial for Beginners 2024

Ғылым және технология

👉 FREE THEMES www.pootlepress.com/free-word...
👉 Hire Me: www.pootlepress.com/wordpress...
👉 Stay in touch with WordPress news: www.pootlepress.com/sign-up-t...
👉 Pro WordPress Tutorials : clubpootle.com/
👉 Sponsor my KZread channel www.pootlepress.com/youtube-v...
A Beginners Guide to create a beautiful Glassmorphism effect with WordPress.
Timeline
0:00 - Intro
0:30 - Glassmorphism WordPress Menu
0:55 - Whiteboard
1:12 - Build the menu
2:46 - Glassmorphism CSS generator
3:20 - Using ChatGPT or CSS
3:38 - Add CSS to WordPress
4:30 - Cats Cameo

Пікірлер: 66

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

    Another awesome video Jamie. I can’t thank you enough. I’ve spend countless dollars on college classes working towards a degree in web design and hadn’t leaned a fraction of what I have since spending $150 to be a member of Club Pootle. I’m dyslexic, so I don’t learn the same way other people do. I learn by doing and by repetition, and if the only video I got for my $150 was your cover block video it would be worth twice the price. I’ve watched that I bet half a dozen times, and I look forward to the rest of the year when I get to watch more of your videos and follow you on KZread. You’re a rare find sir. “Thank you” doesn’t seem to say enough but I’ll say it anyway, thank you. And whenever my wife hears your voice when I’m watching KZread videos she points up and say “Our cats… get a little treat!” (We have four. LOL)

  • @jamiewp

    @jamiewp

    Ай бұрын

    That's so incredibly lovely to hear - thank you for taking the time to write such a kind comment 🙏

  • @Jaiye_Abdul
    @Jaiye_Abdul11 күн бұрын

    Thank you sir!

  • @AndoverIT
    @AndoverIT3 ай бұрын

    Another great instructional video Jamie! No fluff, just to the point and easy to follow.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Cheers and thank you 👍

  • @anvandare1
    @anvandare13 ай бұрын

    Is it possible to find a solution so that it looks good on mobile? now it doesn't work well when you press the hamburger they become like a small box only 😒

  • @CBPlatinum
    @CBPlatinum3 ай бұрын

    Thanks, Jamie! This is excellent!

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Cheers Carl 👍

  • @jimbagsh9569
    @jimbagsh95693 ай бұрын

    Thanks again Jamie!!!

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Thanks Jim

  • @inn8ly
    @inn8ly3 ай бұрын

    Great job as always. The glassmorphism effect is also nice for card backgrounds.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    💯 👍

  • @Sandrocottus-nr3cv
    @Sandrocottus-nr3cv3 ай бұрын

    Thanks, you are amazing Jamie. I was eagerly waiting for this.

  • @Sandrocottus-nr3cv

    @Sandrocottus-nr3cv

    3 ай бұрын

    Also please make a tutorial on easiest way to use interactivity api.

  • @AaAa-je5eo
    @AaAa-je5eo3 ай бұрын

    Dope. Thanks Jamie, another killer tutorial

  • @jamiewp

    @jamiewp

    3 ай бұрын

    thank you 🙏

  • @ashurikkk
    @ashurikkk8 күн бұрын

    thank u so much!!!

  • @jamiewp

    @jamiewp

    8 күн бұрын

    👍

  • @visualmodo
    @visualmodo3 ай бұрын

    Really good video!

  • @webdoze
    @webdoze3 ай бұрын

    Nice tutorial! Simple and to the point.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Cheers

  • @EricBright250
    @EricBright2503 ай бұрын

    I love this. Thanks.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    thanks for watching Eric 🙏

  • @MrDeSilva
    @MrDeSilva3 ай бұрын

    absolutly beautiful!! thank you very much Jamie!!

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Cool, glad you like it ❤

  • @samuelbhatti878
    @samuelbhatti8783 ай бұрын

    Thanks for sharing!

  • @jamiewp

    @jamiewp

    3 ай бұрын

    thanks Samuel

  • @HelenaDenley
    @HelenaDenley3 ай бұрын

    Wow, that is beautiful.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Thanks Helena 🤩

  • @SingaporeMathsAcademyUK
    @SingaporeMathsAcademyUK3 ай бұрын

    Very nice indeed!

  • @jamiewp

    @jamiewp

    3 ай бұрын

    thank you

  • @kaysha
    @kaysha3 ай бұрын

    Really great

  • @jamiewp

    @jamiewp

    3 ай бұрын

    thank you 🙏

  • @mauriciobelmar4530
    @mauriciobelmar45303 ай бұрын

    Love it ❤

  • @jamiewp

    @jamiewp

    3 ай бұрын

    thank you 🙏

  • @gbrca
    @gbrca3 ай бұрын

    You are awesome! 💪 Thanx for video.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    My pleasure

  • @andrewdowniephd
    @andrewdowniephd3 ай бұрын

    Just wanted to say if I did that with a can my wife would be livid... and we'd have a dent in the wooden floor too. Great tutorial btw!

  • @jamiewp

    @jamiewp

    3 ай бұрын

    😬 thanks Andrew - there have actually been words about the wooden floor - but I go with the 'it's wooden, it should be weathered' argument.

  • @andrewdowniephd

    @andrewdowniephd

    3 ай бұрын

    @@jamiewp 🤣 I hope that worked, it wouldn't here 🤣

  • @jamiewp

    @jamiewp

    3 ай бұрын

    @@andrewdowniephd nope it didn't here either 😬

  • @ra-leksandar
    @ra-leksandar3 ай бұрын

    Thanks bro!!!

  • @jamiewp

    @jamiewp

    3 ай бұрын

    👍

  • @paulroos8517
    @paulroos85173 ай бұрын

    Thanks Jamie. Regards to your cat.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Cheers Paul

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

    thanks, gr8 work. is there way to remove white background in navbar and make hero background align with top of viewport.

  • @SingaporeMathsAcademyUK
    @SingaporeMathsAcademyUK3 ай бұрын

    Would love to see you build the header for epidemic sound website with the colour change.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Yup it’s on my list (trying to work out the best way)

  • @SingaporeMathsAcademyUK

    @SingaporeMathsAcademyUK

    3 ай бұрын

    @@jamiewp would love to see you use core blocks, probably with classes and css otherwise using Greenshift would be a welcomed change 😉

  • @robinerik7351
    @robinerik73513 ай бұрын

    Great video! Looking forward to Friday's livestream. How will the setup be? Will we be able to see both of their screens all the time when they build? That would be nice so we don't miss anything, and maybe want to have it as a tutorial for later. (: If that is not possible, it would be awesome if they could record their screens as well, and upload it after the challenge. So we got their POV and can see everything they do to build the site. 😊

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Hi, yes we'll be able to see both screens, but I will be switching occasionally when specifically interesting things are happening. Just bear in the mind this is the first one, so we'll learn some lessons for sure. See you Friday :)

  • @Hanneslsm
    @Hanneslsm3 ай бұрын

    Looks great! Does it work with the hamburger menu though? Whenever I tried to create this in the past it interfered with the smartphone navigation overlay.

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Hmm I'll do some digging. This site was a one pager so I keep the desktop menu showing on mobile (so no issue).

  • @andrisstanga5938
    @andrisstanga59383 ай бұрын

    I like this, but 2 things... First, this was a one page site. Can it be made to work on a multipage site, but instead of only the menu item on the right being with black background, the page you have reached has the black background? Second, as others have asked, can it be made to disappear into a hamburger menu for mobile users? - Even when my first problem has been overcome for multipage sites.

  • @sofiapaladino5172
    @sofiapaladino51722 ай бұрын

    the issue with this is when it goes responsive, if you have a full screen header it makes it small

  • @paulbacon5056
    @paulbacon50563 ай бұрын

    I hope the del monte can missed the cats 🙂

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Yup they're very fast :)

  • @Shanti9
    @Shanti93 ай бұрын

    #first

  • @vivekkumar-qd3ev
    @vivekkumar-qd3ev3 ай бұрын

    Cats are making him do all these amazing things, credit goes to cats only😅

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Exactly 🐈

  • @aijokker

    @aijokker

    3 ай бұрын

    🐕

  • @simonkerridge
    @simonkerridge3 ай бұрын

    I hesitate to hit the “Like” button only because I don’t want to help your cats become obese! 😉

  • @jamiewp

    @jamiewp

    3 ай бұрын

    Please do - the cats are fine (i spent 30 mins trying to find them to put them out last night!)

  • @simonkerridge

    @simonkerridge

    3 ай бұрын

    @@jamiewp 👍🤣

Келесі