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
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
Ай бұрын
That's so incredibly lovely to hear - thank you for taking the time to write such a kind comment 🙏
Thank you sir!
Another great instructional video Jamie! No fluff, just to the point and easy to follow.
@jamiewp
3 ай бұрын
Cheers and thank you 👍
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 😒
Thanks, Jamie! This is excellent!
@jamiewp
3 ай бұрын
Cheers Carl 👍
Thanks again Jamie!!!
@jamiewp
3 ай бұрын
Thanks Jim
Great job as always. The glassmorphism effect is also nice for card backgrounds.
@jamiewp
3 ай бұрын
💯 👍
Thanks, you are amazing Jamie. I was eagerly waiting for this.
@Sandrocottus-nr3cv
3 ай бұрын
Also please make a tutorial on easiest way to use interactivity api.
Dope. Thanks Jamie, another killer tutorial
@jamiewp
3 ай бұрын
thank you 🙏
thank u so much!!!
@jamiewp
8 күн бұрын
👍
Really good video!
Nice tutorial! Simple and to the point.
@jamiewp
3 ай бұрын
Cheers
I love this. Thanks.
@jamiewp
3 ай бұрын
thanks for watching Eric 🙏
absolutly beautiful!! thank you very much Jamie!!
@jamiewp
3 ай бұрын
Cool, glad you like it ❤
Thanks for sharing!
@jamiewp
3 ай бұрын
thanks Samuel
Wow, that is beautiful.
@jamiewp
3 ай бұрын
Thanks Helena 🤩
Very nice indeed!
@jamiewp
3 ай бұрын
thank you
Really great
@jamiewp
3 ай бұрын
thank you 🙏
Love it ❤
@jamiewp
3 ай бұрын
thank you 🙏
You are awesome! 💪 Thanx for video.
@jamiewp
3 ай бұрын
My pleasure
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
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
3 ай бұрын
@@jamiewp 🤣 I hope that worked, it wouldn't here 🤣
@jamiewp
3 ай бұрын
@@andrewdowniephd nope it didn't here either 😬
Thanks bro!!!
@jamiewp
3 ай бұрын
👍
Thanks Jamie. Regards to your cat.
@jamiewp
3 ай бұрын
Cheers Paul
thanks, gr8 work. is there way to remove white background in navbar and make hero background align with top of viewport.
Would love to see you build the header for epidemic sound website with the colour change.
@jamiewp
3 ай бұрын
Yup it’s on my list (trying to work out the best way)
@SingaporeMathsAcademyUK
3 ай бұрын
@@jamiewp would love to see you use core blocks, probably with classes and css otherwise using Greenshift would be a welcomed change 😉
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
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 :)
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
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).
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.
the issue with this is when it goes responsive, if you have a full screen header it makes it small
I hope the del monte can missed the cats 🙂
@jamiewp
3 ай бұрын
Yup they're very fast :)
#first
Cats are making him do all these amazing things, credit goes to cats only😅
@jamiewp
3 ай бұрын
Exactly 🐈
@aijokker
3 ай бұрын
🐕
I hesitate to hit the “Like” button only because I don’t want to help your cats become obese! 😉
@jamiewp
3 ай бұрын
Please do - the cats are fine (i spent 30 mins trying to find them to put them out last night!)
@simonkerridge
3 ай бұрын
@@jamiewp 👍🤣