wordpress 5 9 tutorial full site editing tutorial

wordpress 5 9 tutorial full site editing tutorial

in this tutorial, i walk you through the new features that come with wordpress 5.9. a lot has changed in this version. the theme customizer, menu customizer, and widget customizer are all gone. in wordpress 5.9, you can create and adjust all those things using the block editor. and you see all the results in real-time.

since it can take quite some time to find your way around in wordpress 5.9, i decided to dive deep, practice a lot and create a tutorial about it. we will discuss creating a menu, creating the header, using classical or block themes, and full site editing (fse). i will show you how to navigate through the gutenberg page builder and create a page from scratch.

we will add extra gutenberg blocks, work with patterns (my favorite feature), and the block styler. i will talk about the header template, footer template, blog template, archive template, and we will add a sidebar and use blocks instead of widgets to fill your sidebar.

in my opinion, using full site editing and the gutenberg page builder is not the easiest and best way yet to create websites, but step by step, wordpress is getting better and better.

you can go to a specific subject in the video by clicking on one of the timestamps below.

timestamps wordpress 5.9 full site editing

00:00 intro
01:29 classical wordpress themes vs. wordpress block themes
02:30 old wordpress vs. wordpress 5.9
03:16 create a menu in wordpress 5.9
04:37 add pages to your wordpress 5.9 website
07:11 adjust the header
08:26 configure the logo
09:24 can you use wordpress 5.9 with classical themes?
10:14 add a block theme / full site editing theme
13:05 introduction to the gutenberg editor
16:34 add third party blocks to gutenberg
18:31 wordpress 5.9 patterns
21:25 add patterns from multiple block themes
23:02 the block styler
26:42 adjust the global colors and block styles

make a page using gutenberg
28:35 create a hero section
33:40 create an advanced button
39:00 create a 3 column section
44:00 finish the page
48:35 adjust images
49:50 optimise the page for all devices

51:28 create a blog page
52:32 adjust the blog template
56:21 adjust the footer
59:01 create a single post template
01:01:20: create a sidebar
01:06:24 thank you

in this tutorial, i walk you through the new features that come with wordpress 5.9. a lot has changed in this version. the theme customizer, menu customizer, and widget customizer are all gone. in wordpress 5.9, you can create and adjust all those things using the block editor. and you see all the results in real-time.since it can take quite some time to find your way around in wordpress 5.9, i decided to dive deep, practice a lot and create a tutorial about it. we will discuss creating a menu, creating the header, using classical or block themes, and full site editing (fse). i will show you how to navigate through the gutenberg page builder and create a page from scratch.we will add extra gutenberg blocks, work with patterns (my favorite feature), and the block styler. i will talk about the header template, footer template, blog template, archive template, and we will add a sidebar and use blocks instead of widgets to fill your sidebar.in my opinion, using full site editing and the gutenberg page builder is not the easiest and best way yet to create websites, but step by step, wordpress is getting better and better.you can go to a specific subject in the video by clicking on one of the timestamps below.timestamps wordpress 5.9 full site editing00:00 intro01:29 classical wordpress themes vs. wordpress block themes02:30 old wordpress vs. wordpress 5.903:16 create a menu in wordpress 5.904:37 add pages to your wordpress 5.9 website07:11 adjust the header08:26 configure the logo09:24 can you use wordpress 5.9 with classical themes?10:14 add a block theme / full site editing theme13:05 introduction to the gutenberg editor16:34 add third party blocks to gutenberg18:31 wordpress 5.9 patterns21:25 add patterns from multiple block themes23:02 the block styler26:42 adjust the global colors and block stylesmake a page using gutenberg28:35 create a hero section33:40 create an advanced button39:00 create a 3 column section44:00 finish the page48:35 adjust images49:50 optimise the page for all devices51:28 create a blog page52:32 adjust the blog template56:21 adjust the footer59:01 create a single post template01:01:20: create a sidebar01:06:24 thank you

how to install free ssl on your wordpress website step by step tutorialelementor header tutorial 100 free method35 free gutenberg blocks using kadence blocks how to use kadence blocks plugin wordpress 2022hackers hate it secure your web app with these 6 weird http headershow to change a wordpress theme without breaking your websitehow to customize the login page in wordpresswordpress dashboard customization with custom login page white labeled admin areauserswp basic install and configuration wordpress user profile registration plugin 2021pinterest ads tutorial how to get traffic from pinterest with pinterest adswordpress 5 9 tutorial full site editing tutorialprevent content theft on your wordpress website stop people from copying your website contentwordpress content copy protection disable copy paste in wordpresselementor full tutorial hello theme blog and woocommerce shop all in one 2022 elementorelementor pro tutorial with wordpress 5 9build an elementor post template add a post build a blog archive offset posts elementor 2021wordpress tutorial for beginners 2022 how to use wordpress pinterest for blogginginserire prodotto con attributi e variabili woocommerce e wordpresshow to make an ecommerce website with wordpress storefront theme 2020how to make an ecommerce website with wordpress storefront theme 2020storefront how to make an ecommerce wordpress website on a budget 2016storefront how to make an ecommerce wordpress website on a budget 2016creare un sito e commerce con woocommerce corso completowordpress woocommerce guida alla configurazione free webinarita wordpress tutorial creare un sito wordpress in meno di 60 minutiwordpress e commerce tutorial woocommercehow to create an online store ecommerce website 2020how to create an ecommerce website with wordpress online store 2018how to customize the woocommerce shop page via php customizewoo ep 5woocommerce theme development wordpress theme and woocommerce setupwoocommerce theme development part 2 overview of template filesmobile first responsive 12 column grid system using only html5 and css3convert html website to wordpress theme part 1responsive web design with html5 and css3 introducing a grid systemhow to make a wordpress websitehow to create an ecommerce website with wordpress online store 2018complete contact form 7 tutorialhow to add an image gallery in wordpress the best wordpress photo gallery pluginadvanced booking calendar for wordpress setuphow to create a form in wordpress using visual form builderwordpress plugin formgethow to make a wordpress website 201410 websites to make 100 per day in 2018high paying affiliate programs make 16 850 per sale with 15 highest paying affiliate programsaffiliate marketing tutorial sports affiliate marketing earn up to 300 per monthhow to create a stunning landing page on wordpress in minutes free pluginhow to make free amazon affiliate websiteclickbank for beginners how to make money on clickbank for free step by stephow to create electronic store ecommerce website with html5 css3 tutorialweb design tutorial how to design website in photoshophow to transfer a domain in to bluehosthow to get traffic to your website fast 2020best wordpress plugin to build amazon ebay aliexpress affiliate stores affiliate hubhow to create a facebook shop to promote affiliate linksbeginner woocommerce tutorial how to create a product linked products upsells cross sellshow to create a facebook ad for affiliate marketing fast and easyhow to make an amazon affiliate website 2018 with wordpress woocommerce and woozonehow to make an amazon affiliate website 2017 with wordpress woocommerce and woozonehow to create an ecommerce website with wordpress 2017 online store new 3 0 divi theme amazingbest themes for elementor 2019 free to useadd whatsapp chat to wordpress website for free 2020

in this tutorial, i walk you through the new features that come with wordpress 5.9. a lot has changed in this version. the theme customizer, menu customizer, and widget customizer are all gone. in wordpress 5.9, you can create and adjust all those things using the block editor. and you see all the results in real-time.

since it can take quite some time to find your way around in wordpress 5.9, i decided to dive deep, practice a lot and create a tutorial about it. we will discuss creating a menu, creating the header, using classical or block themes, and full site editing (fse). i will show you how to navigate through the gutenberg page builder and create a page from scratch.

we will add extra gutenberg blocks, work with patterns (my favorite feature), and the block styler. i will talk about the header template, footer template, blog template, archive template, and we will add a sidebar and use blocks instead of widgets to fill your sidebar.

in my opinion, using full site editing and the gutenberg page builder is not the easiest and best way yet to create websites, but step by step, wordpress is getting better and better.

you can go to a specific subject in the video by clicking on one of the timestamps below.

timestamps wordpress 5.9 full site editing

00:00 intro
01:29 classical wordpress themes vs. wordpress block themes
02:30 old wordpress vs. wordpress 5.9
03:16 create a menu in wordpress 5.9
04:37 add pages to your wordpress 5.9 website
07:11 adjust the header
08:26 configure the logo
09:24 can you use wordpress 5.9 with classical themes?
10:14 add a block theme / full site editing theme
13:05 introduction to the gutenberg editor
16:34 add third party blocks to gutenberg
18:31 wordpress 5.9 patterns
21:25 add patterns from multiple block themes
23:02 the block styler
26:42 adjust the global colors and block styles

make a page using gutenberg
28:35 create a hero section
33:40 create an advanced button
39:00 create a 3 column section
44:00 finish the page
48:35 adjust images
49:50 optimise the page for all devices

51:28 create a blog page
52:32 adjust the blog template
56:21 adjust the footer
59:01 create a single post template
01:01:20: create a sidebar
01:06:24 thank you