![JAKSON](/img/default-banner.jpg)
- 94
- 2 250 468
JAKSON
United Kingdom
Приєднався 18 гру 2014
Hey! I’m Jakson - WordPress junky, UA-camr and wannabe Italian.
I’ve been woking with the Web for more than 15 years, from the days of straight HTML & CSS, through pretty much every Content Management System, Ecommerce and bespoke Web Apps. I fell in love with WordPress and eventually made that my main focus - and haven’t looked back - If you love WordPress too, your in the right place!
I Teach WordPress here on UA-cam and also at my home on the web jakson.co/ - where you’ll also find a ton of WordPress related resources, tips, tricks and freebies!
I hope I can help in your WordPress journey, wether you’re just starting out or need some new tricks.
Ciao, grazie!
Jakson
I’ve been woking with the Web for more than 15 years, from the days of straight HTML & CSS, through pretty much every Content Management System, Ecommerce and bespoke Web Apps. I fell in love with WordPress and eventually made that my main focus - and haven’t looked back - If you love WordPress too, your in the right place!
I Teach WordPress here on UA-cam and also at my home on the web jakson.co/ - where you’ll also find a ton of WordPress related resources, tips, tricks and freebies!
I hope I can help in your WordPress journey, wether you’re just starting out or need some new tricks.
Ciao, grazie!
Jakson
WordPress Responsive Design in 2024 - the good and the bad!
👉 *** Download the CSS code and my plugin here: jakson.co/freebies/
It’s very possible you will have come across a topic that’s been quite high on coverage since the dawn of Full Site Editing and WordPress Block Theming, and that is the lack of responsive controls for blocks in the Gutenberg editor. Specifically things like padding, margin, sizing and spacing at different screen sizes - you know, what we know as “responsiveness”
In pretty much every critique of FSE there will invariably be a reference to this apparent shortcoming - and on paper it is a blatant oversight by the WP core dev team to have left out this now ubiquitous functionality available in every other WordPress page builder. WP core FSE is a page builder, right?
But hang on, surely there must be a reason for this? I mean, if something like responsive control is a given in a modern page builder, why is it missing from WP core?
There is a reason - and that is that WP core has wedded itself to the new-ish “Intrinsic Web Design” methodology - a concept (and the name) introduced to the world by Jen Simmons back in 2018.
It does away with the now traditional media queries approach using breakpoints to load specific CSS at specific screen sizes that creates the responsive mobile-first sites we know today and instead uses the newer CSS math functions min(), max() and clamp() to adjust sizing in a super fluid way - the elements and spacing don’t jump to different sizes when you hit a certain pixel screen width they flow and change with every change in width - it’s really is rather cool.
If you’re not up to speed on what “Intrinsic Web Design” is then I encourage you to pause this video, and check out Brian’s excellent 101 video here: ua-cam.com/video/ZXJJgxJ_h7o/v-deo.html
So it works super well but as Brian says, fluid spacing and typography can only get us 90% of the way there and in today's vid I’m gonna show you what to do about the other 10% with a system I’ve been using and developing ever since I’ve been creating native block themes.
So let's get to it - it’s “WordPress Responsive Designs in 2024 !”
👉 *** Grab all the code from this tutorial and tons of other Free WordPress goodies here: jakson.co/freebies/
👉 *** Get a Free Site Performance Review here: jakson.co/free-site-performance-review/
Ciao!
Jakson
jakson.co/
#wordpress #blockthemes #pagebuilder #wordpressdevelopment
It’s very possible you will have come across a topic that’s been quite high on coverage since the dawn of Full Site Editing and WordPress Block Theming, and that is the lack of responsive controls for blocks in the Gutenberg editor. Specifically things like padding, margin, sizing and spacing at different screen sizes - you know, what we know as “responsiveness”
In pretty much every critique of FSE there will invariably be a reference to this apparent shortcoming - and on paper it is a blatant oversight by the WP core dev team to have left out this now ubiquitous functionality available in every other WordPress page builder. WP core FSE is a page builder, right?
But hang on, surely there must be a reason for this? I mean, if something like responsive control is a given in a modern page builder, why is it missing from WP core?
There is a reason - and that is that WP core has wedded itself to the new-ish “Intrinsic Web Design” methodology - a concept (and the name) introduced to the world by Jen Simmons back in 2018.
It does away with the now traditional media queries approach using breakpoints to load specific CSS at specific screen sizes that creates the responsive mobile-first sites we know today and instead uses the newer CSS math functions min(), max() and clamp() to adjust sizing in a super fluid way - the elements and spacing don’t jump to different sizes when you hit a certain pixel screen width they flow and change with every change in width - it’s really is rather cool.
If you’re not up to speed on what “Intrinsic Web Design” is then I encourage you to pause this video, and check out Brian’s excellent 101 video here: ua-cam.com/video/ZXJJgxJ_h7o/v-deo.html
So it works super well but as Brian says, fluid spacing and typography can only get us 90% of the way there and in today's vid I’m gonna show you what to do about the other 10% with a system I’ve been using and developing ever since I’ve been creating native block themes.
So let's get to it - it’s “WordPress Responsive Designs in 2024 !”
👉 *** Grab all the code from this tutorial and tons of other Free WordPress goodies here: jakson.co/freebies/
👉 *** Get a Free Site Performance Review here: jakson.co/free-site-performance-review/
Ciao!
Jakson
jakson.co/
#wordpress #blockthemes #pagebuilder #wordpressdevelopment
Переглядів: 769
Відео
The best WordPress plugin for a Table of Contents to boost SEO
Переглядів 895День тому
👉 Download all the CSS code here: jakson.co/freebies/ Now, you know I like to take the simplest approach when building WordPress websites - that goes for plugins as well as themes as well as custom code and SEO. Simple equals less code and faster sites. Faster Site equals a greener web and better performance scores and Core Web Vitals on Google Pagespeed Insights. WordPress Block Themes and Ful...
Create a Mega Menu in WordPress 2024 - core blocks only!
Переглядів 58814 днів тому
👉 Download all the mega menu code, patterns and templates here: jakson.co/freebies/ So, “Mega Menus”... You may have seen my vid on how to create a Tabs component using only native Gutenberg Blocks a couple of week ago - see it here: ua-cam.com/video/B0f5vIXPt4I/v-deo.html It was the first in my mini series of “missing blocks” where I look at what could be classed as “should be a core block”, i...
Mind blowing automation with WordPress and External Apps!
Переглядів 80621 день тому
Another few questions for you today folks! How many strings do you have to your website creator’s bow, outside of designing and building sites? Are you good at site speed and general performance stuff? How about accessibility - any good? What about a bit of SEO - got that covered yet? And one of my faves: Automaton and integration? You know the sort of thing - fill out a form and it sends it to...
The Best Plugin Ever for WordPress Admin
Переглядів 16 тис.21 день тому
So… got a question for you… a few actually If you can replace 2 plugins with 1 plugin, that's a good thing right? If you can replace 5 plugins with 1 plugin, that's a really good thing, right? And if you can replace 10 or 15 plugins with 1 plugin, well, that…sounds remarkable, no? When I set up a new WP site there’s always two plugins I install. One is a backup plugin - regardless of working lo...
The best and only plugin you will ever need for WordPress SEO
Переглядів 3,2 тис.28 днів тому
There are so many plugins for WordPress SEO out there - all have great free options but all are pretty huge beasts, with a ga-zillion settings and the truth is for SEO in WordPress, or any other web platform or plain old site, you really don’t need much. This video is about one of those moments, when you come across a plugin that blows your mind - a plugin that is so simple and to the point, ha...
Block Themes: How to add Icons to Buttons in WordPress
Переглядів 33128 днів тому
Download all the code from this video here: jakson.co/freebies/ A lot of the time, a button could do with an Icon - it’s not included in the default/core WordPress Button Block - and it should be! Every page builder out there, whether they and for Block Theme or Classic Themes all have the option to add an Icon to your buttons! There are a couple of stand alone plugins in the WordPress Repo but...
Block Themes: How to use SVG Icons in WordPress
Переглядів 327Місяць тому
I recently started this mini series about the “Missing Blocks” in default/core WordPress that should be there for using in Block Themes - first episode is here: ua-cam.com/video/B0f5vIXPt4I/v-deo.html Episode 1 where I explain why. Essentially there’s a few I agree are defo missing - and some that I believe don’t need to be there. So this video is about another missing Block and is something th...
Block Themes: How to get a perfect score on Google Pagespeed Insights
Переглядів 509Місяць тому
👉 Free Site Performance Review here: jakson.co/free-site-performance-review/ So... the holy grail of Google PageSpeed Insights. Getting all 4 of those scores to 100 - Performance, Accessibility, Best Practice and SEO. Is it possible? - for sure it is. Is it easy? - yes and no. It’s all about building your site with performance in mind, from the very beginning - that means you gotta use Block Th...
WordPress Hosting that Never Fails! - Cloudways Autonomous
Переглядів 177Місяць тому
I LOVE and use Cloudways hosting for all my sites and most of my clients - and they have a new a new option these days that’s perfect if you need the ultimate in scalable hosting and it costs a fraction of a running for a monster server 365 - it’s called “Cloudways Autonomous” Cloudways Autonomous is a new hosting option that makes it incredibly easy to scale your hosting plan automatically. Wh...
WordPress Dark Mode in 30 Seconds !
Переглядів 218Місяць тому
Having a Dark Mode on your WordPress website is a cool feature, though has been tricky to implement in the past. Today I’m going to show how it’s now ridiculously easy and bonkers fast to do with modern WordPress and Block Themes! Using the Full Site Editor’s “Style Variations” feature makes it a complete breeze and about 90% less work than it it used to be. Grab some Free WordPress goodies her...
Page Builder Speed Fight! (It's not what you think)
Переглядів 281Місяць тому
So… In my review of what will be happening in 2024 for WordPress (view it here ua-cam.com/video/2J8fzxNmNOM/v-deo.html ), one of my predictions was that site speed would be a big thing this year … and I’m please to say there has been a load of discussion on this - as predicted! In that vid I was affirming that speed is the only way we, as website builders/devs/agencies/freelancers can make an i...
Massive new WordPress 6.6 Feature - Synced Pattern Overrides!
Переглядів 266Місяць тому
WordPress 6.6 is due for release next week and there’s some really cool stuff coming! I’ll be doing reviews of all the major new features - plus a few that are not making the headlines! Today we’re looking at the feature that's defo making all the headlines and that’s “Synced Pattern Overrides” We’ll take a look at this ace new feature coming in WordPress 6.6 and don’t forget, as always , this ...
WordPress Missing Blocks? Episode #1 - The Tabs Block!
Переглядів 259Місяць тому
So yeah, “Missing Blocks” - let me explain In default/core WP there are a set of blocks - and here they are: wordpress.org/documentation/article/blocks-list/ Now, to build a straightforward site, believe it or not, these are literally all you need - really. Though many folk complain it isn’t enough - and when coming from other page builders they wonder where the heck are some of the blocks they...
Two Awesome Admin Code Snippets for WordPress
Переглядів 344Місяць тому
There are tons of code snippets we can use for the front end of a WP site - but we can also use them in the admin to customise things there for our various needs. I’ve got a couple here for you today that I nearly always use on ever site I build for my clients. Especially the fist one, and I actually thought I’d already created a vid for the second but turns out I didn't! So these 2 admin code ...
The best popup modal block for WordPress !
Переглядів 269Місяць тому
The best popup modal block for WordPress !
WordPress Speed build: A Left Sidebar Block Theme - fast !
Переглядів 257Місяць тому
WordPress Speed build: A Left Sidebar Block Theme - fast !
Crazy WordPress Block Theme Hack for Query Loop Masonry !
Переглядів 254Місяць тому
Crazy WordPress Block Theme Hack for Query Loop Masonry !
Block Themes: How to create Animations in WordPress !
Переглядів 340Місяць тому
Block Themes: How to create Animations in WordPress !
Bento Box Web Design in WordPress with the Query Loop Block & CSS Grid
Переглядів 8214 місяці тому
Bento Box Web Design in WordPress with the Query Loop Block & CSS Grid
How to create a popup light box Gallery in WordPress Block Themes
Переглядів 5034 місяці тому
How to create a popup light box Gallery in WordPress Block Themes
How to use CSS Scroll Snap in WordPress
Переглядів 7784 місяці тому
How to use CSS Scroll Snap in WordPress
Block Theming Masterclass How to convert an Elementor site to a WordPress Block Theme
Переглядів 7354 місяці тому
Block Theming Masterclass How to convert an Elementor site to a WordPress Block Theme
How to add a scroll to top button in WordPress without using a plugin 2024
Переглядів 1,1 тис.4 місяці тому
How to add a scroll to top button in WordPress without using a plugin 2024
Block Themes : How to make transparent headers in WordPress 2024
Переглядів 7694 місяці тому
Block Themes : How to make transparent headers in WordPress 2024
Block Themes: How to create a sticky header in WordPress 2024
Переглядів 1,2 тис.5 місяців тому
Block Themes: How to create a sticky header in WordPress 2024
Block Theme CSS: How to create custom icon lists in WordPress
Переглядів 2735 місяців тому
Block Theme CSS: How to create custom icon lists in WordPress
You must secure your WordPress site with Two Factor Authentication
Переглядів 4475 місяців тому
You must secure your WordPress site with Two Factor Authentication
How to create a super simple membership website with WordPress
Переглядів 7695 місяців тому
How to create a super simple membership website with WordPress
Hi jakson, how can i edit my child theme with vs code? i cant figure it out and you dont explain it in any of your videos? any other videos you can recomend? i hope for a quick reply :) thanks!
Really good content!
Just want the code DON"T WANT TO SUBSCRIBE !!!!!
I appreciate this video, I’ve been suffering with my SEO for over a year, I guess due to laziness. This video made it easy for me to now take charge of my SEO.
Yep. It's brilliant. I add it to my websites too ad have been using it since I first heard about it a year or so ago.
VERY handy tutorial Jakson thanks a lot!
Very interesting video and what a clever use of core blocks with a little custom CSS and JS. But I agree with @gianbattistamaricosu that the navigation block is one of the weakest if not the weakest aspects of the Editor. I hope that the WP team spend more time looking at Wix and Webflow, seeing where WP needs to be at for FSE. For all but the simplest of clients a custom old school menu as a block is required.
I love the Synced Patterns Overrides feature; however, it seems to lack an important functionality - the ability to apply Overrides to nested patterns. For example: I create a Synced Pattern consisting of a Heading and a Paragraph (with override capability), but next I want to create a Synced Pattern composed of three of the previously created patterns. The goal is to allow for text content changes while maintaining consistency in spacing between blocks, padding, etc. Currently, the original Synced Pattern loses its override capability when embedded in a new Synced Pattern. Possibility to enable override functionality for nested patterns would be a great extension of the Synced Pattern Overrides feature, significantly simplifying the creation of consistent layouts across the entire site. What do you think about it?
Hey Jakson, I just watched your video and I must say that it was really informative and well-made. I was wondering if I could help you edit your highly engaging videos and thumbnails which will help your video to reach to a wider audience and increase your subscribers and viewers. Can we discuss about it ?
Hi, I created a custom block using one of the core blocks. Added few extra lines of code generated from ChatGPT. I am no developer. However, the plugin folder is huge around 250mb. the zip file is itself around 70mb. I created the custom block locally on WP Studio and VS Code. How do I export the plugin to be installable but not be so huge in mb?
This Guy is Really helpful. Thanks a ton
Thanks Jonayet!
Welcome to over a year ago
When I watched your previous video about Transparent background with Twenty Twenty Four Theme, I choose to go with CSS way to do it but when I check the responsiveness it was breaking so added additional CSS.
I want to be able to use a certain Hero image for desktop, then a different one for tablet and phone. But this isn't possible using the block theme.
Hey Sonya, you can achieve this by using this plugin wordpress.org/plugins/block-visibility/
@@wpjakson Thankyou - I will give it a try. I've tried using my own media queries in CSS but I haven't got it to work yet.
Cool... I´m enjoying your channel very much, great presentation and delivery. Thank you!
Thanks ver much Diego! Appreciate that!
Every CSS rule has !important? I don't think that's good.
Hey Jim, yes, it doesn’t look great on paper - but due to how the block editor adds inline CSS to the actual HTML markup (which is epic for all sorts of reasons btw) we need the !important for this solution so it can override those inline styles and we can take control of the styling - its a great use-case and one of the main reasons we have !important in CSS i.e. to be able override stuff we can’t otherwise control.
Wordpress is dead in 5 years. It simply uses to much energy.
😂
This is awesome!!! Jakson thank you, sir.
You're super welcome Caleb! Thanks!
It looks good however from a security point of view, this plugin is so concerning and will easily make your website(s) more vulnerable 😢
Thanks for sharing @bassemkhozam - can you let us know what are the main areas of concern you've identified?
Mate, this video is awesome. I subscribed!
Thanks Chris - glad you liked and thanks for the sub! 🙏
Perfect tutorial mate! Legend
Thanks Chris!
Fantasic first time watching. Subscribed!
Awesome! Thank you @gamexpc !
Thank you for this useful video. What's your opinion about Squirrly SEO? Until today i'm very satisfied, with planty of options and guidance even in free version. Have you tried it? I will try this one also!4
I didn't know if such plugin even existed. Thanks for sharing!
Super welcome Jaspreet!
Amazing!!! Absolutely spot on!!! Short and sweet.
Thanks Elkhan!
Hi Jakson. Great tutorial and I totally agree that the Tabs Block should be in core. I registered on your site but I couldn't find the Tabs Block Code anywhere. Am I just being dozy?
Ah! Sorry about that Adrian - second viewer that has told me that and I still haven't sorted - defo me that's the dozy one here! - will ping you in shortly when I get it up there!
Captain Dozy here again Adrian - code is up and you can download here jakson.co/freebies/ - thanks again for the nudge!
@@wpjakson Got it! Thanks so much again for the tutorial and the free download. Very much looking forward to your next video. Cheers.
Thank you, this was very helpful ;-)
Glad it was useful and thanks for watching NetNomads!
This is what I was looking for. Thanks
Glad it helped you Vishal!
Thanks for a great video and sharing this incredible plugin.
This is a really good thorough run through of ASE plugin. I use this plugin on all my sites now. Thanks for posting and the video wasn't too long to!
I have to be honest Mellony - the published vid was the second take! - the first was more thad 35 mins long 😆 Thought it should defo be a bit shorter and I can't be more thankful for your comment affirming my gut feeling was right! thanks so much for watching 🙏
Nice video … but bruh talks too much
This seems incredible. Thank you. So I should get rid of Yoast because it would be redundant or do they complement each other? Ty
Thanks for watching Jojo! Yeah, you need only one SEO plug - but only swap from Yoast if you don't need or use the features it offers?
Looked promising but I tried it and it's not very good. Its background won't go 100vh and leaves unsightly gaps at top and bottom. You can't really control enough to make it usable. Any block or plug in is only as good as it is on mobile. If it can't be good on both desktop and mobile then it's an instant delete.
Thanks for sharing your testing Craig - love seeing this in the comments 🙏 OK, lemme take another look - I dont recall any responsive issues - will get back with an update here, thanks again for sharing!
@@wpjakson i managed to sort the issue with some code by asking chat gpt after inspecting the background. It could be theme specific issues? I think 2024 theme seems to add hidden margin to some blocks? not sure.
Glad you got it sorted Craig! I haven't had a chance to check myself yet and I'll defo feedback more when I do. Cheers!
This looks very nice and great for SEO. Is there something similar that does not require Gutenberg. I just cannot get to terms with it. I never use it. It's the first I switch off on a new website I do.
Hey Ralf, yes there's quite a few for classic themes - I've used this plug to great effect in the past: en-gb.wordpress.org/plugins/easy-table-of-contents/
@@wpjakson thanks very much
@@RalfTenbrink Prego!
Imagine the automatic refresh works by adding new items to the TOC if you add a new title and section on the page(?). Some people may not want it to do that so ability to turn on/off is 👌
Thanks Jason - yeah, that makes sense - we will need to test!
Great recommendation for the best WordPress Table of Contents plugin to boost SEO! Here is what I appreciated: -The detailed walkthrough of the plugin's features made it easy to see how it can enhance both user experience and SEO. -Loved how you explained the SEO benefits of having a well structured Table of Contents, like improved readability and better indexing. -The practical tips on setting it up and customizing it to fit any site are perfect for WordPress users looking to optimize their content. Thanks for sharing such useful insights!
Thanks Anatolii, appreciate the thoughtful comment and kind words... as always 😉
thank you new subscriber
Thanks @racingpigeons-tips - nice to have you on board!
Nice One. There are AI tools working on doing this on auto, things are changing fast :)
Thanks @seoverus7805 ! Indeed, exciting times ahead!
Why would you want to remove the admin bar though
Thanks for watching @lamborghinicentenario2497 ! Its good for if you've got logged in users on the front end, and don't want any admin-like interface showing.
I've had a lot of bad experiences with hosting companies. Taking money, when i've cancelled services or continuous billing. Now I use a free host, where I don't pay them any money, so they can't take my money without permission. I only use it for testing, and I also have two home servers for testing as well.
Sorry to heat about your past hosts - I've had a couple of slightly dodgy one in the distant past - everything's been great with my current host - fingers crossed!
Thanks for this. I've only just found your channel. I'm always trying to improve my Wordpress skills.
You're welcome Sonya - glad you're finding the content helpful!
Amazing. I must try this.
It's such a useful plugin Sonya - thanks for watching!
It needs an import/export settings function also a warning about woocommerce payments and square connect not working when rest and xmlrpc are disabled.
Ah, thanks for that Michael - I know turning of rest will kill many plugins butI dint's know so much about xmlrpc being used in connections like square - thanks for sharing!
Unbelievable video. At the moment I write my own pho scripts to do this. But with a web hook it's so much easier. I am switching UA-cam off now and go and try it.
Welcome to Webhooks Ralf! How did you get on?
@@wpjakson Worked great, thanks again for the video
Thanks for sharing this great plugin!
Pleasure Alexandru, glad you liked it!
Very handy indeed. Published seems a little suspect. No about info, private registration for domain name, gandhi for the registrar although that's not necessarily a red flag. Lot's of apps and plugins that turned out to be rogue have thousands even millions of dls. Thanks though!
Thanks for watching Ron! Check out the developers WP page here for info and links: profiles.wordpress.org/qriouslad/
Hi Jakson, long time no see! Is it possible to set the text in the header to change color based on the background? The background changes on my site depending on the project being displayed, and sometimes the header text should be black, while other times it should be white - to maintain proper contrast. Cheers!
Hey Kacper - hello again! Ooo, that sounds like you'll need a bit of JS. Something like have the JS check for when a particular section comes underneath the header and at that point get it to change the color of your header elements?
@@wpjakson Yes, that's exactly what I need. I keep thinking that JS is beyond me and have been trying to stick to CSS, but it looks like it's time to get familiar with it. :)
Looks nice! Have you tried Nick Diego’s experimental mega menu block? I like how you manage all of the mega content within the same template part. Makes editing and managing those much more efficient.
Hey Derek - yes, Nick's block is amazing - can't wait for that to be released for production - should be in core!! And yeah, I was looking for the easy win with this approach - everything in the one interface, all core etc. Glad you liked it!
thanks you made my day!
And you made my day with your comment Tommy! thanks for watching !
Excellent video!
Thanks Claudio!