How To Get Started With WordPress Full Site Editing

Is this the future of WordPress themes?

Are you up to date on the latest developments in WordPress and its themes?

Full site editing, or FSE, has been gaining traction since its debut, but there remains speculation about its potential as a replacement for traditional WordPress themes and page builders.

In this piece, we'll delve into the realm of full site editing in WordPress by examining one of the most recent block-based themes available - Ollie.

Take your WordPress website and skills to the next level!

► The Essential Web Designer's Documents Pack
Looking to take your web design business to the next level? The Essential Web Designers Documents collection has got you covered! With handcrafted, professionally designed documents that have generated tens of thousands in revenue, you'll have everything you need to impress clients, streamline your workflow, and boost your bottom line.

► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.

► EXCLUSIVE WPTUTS DISCOUNTS ◄

► MY PREFERRED HOSTING PROVIDERS ◄

► WORDPRESS VISUAL PAGE BUILDERS ◄

► WORDPRESS THEMES ◄

► WORDPRESS TOOLS ◄

► WORDPRESS PLUGINS ◄

► SUBSCRIBE ◄

► LETS CONNECT: ◄

[Marbles]

Haven't dived into it until yesterday. Watched a year old tutorial.
I teach Wordpress to a diverse demograhic of students, mainly so they can build their own portfolio.
Suddenly some of them installed themes with the FSE.... so now i will HAVE to get up to speed. PLayed around with Twenty TwentyTwo... Man, that is complicated!! I have been in development and UI design for 20 years, and this is rather clunky.
Still hoping to find good tuts that are more up to date. Lot's is changing in the past months.
Gonna watch your vid now.
Cheers form the Netherlands.

[BoweFrankema]

Installed Ollie. Love Mike his work. Spent 30 minutes playing around and was beyond frustrated (again) with the UI/UX. I just can't get wrap my head around the logic of anything in FSE. Spent 45 minutes on trying to get the Page Title to be hidden. I still have not figured it out.. Any tips are welcome :D

The patterns look fantastic, the concept of FSE is a good idea in theory. I don't want to take away any of the hard work people like Mike are doing to make this thing work. But there's never been a page/site builder in my 15 years of full-time WP development that has frustrated me more than spending any time in GB/FSE. I just don't understand any of the UI/UX decisions and there is absolutely zero flow to be found. I feel like how my parents use their SmartTV. Completely lost and praying that eventually I end up where I want to be.

I'll keep checking in with FSE, I want this thing to work. But to me it's just been a very tedious and frustrating tool.

[WickyDesign]

We like to train our clients on how to update their websites once we finish a project. At this moment there is no way we would hand off a FSE build and try to train a client on how to use it.

[teuluPaul]

Thanks for this! I have just installed WordPress to build a website for our local community band, and it is the first time I have used WP in several years. Lots has changed, and your video has clarified enough for me to get started on the content (although I can see I have much more to learn). Thanks again.

[tecologygroup]

Currently building a custom FSE multisite theme and I really like it Paul. It’s still missing a few key things like CSS grid, but the architecture behind FSE, patterns and blocks really appeals to me.

[simonkerridge]

I don’t hate Gutenberg, but since I discovered Bricks Builder and it's flexibility, FSE just looks cumbersome and limited. Dynamic data support is definitely a requirement, but core Gutenberg doesn’t support custom post types, etc. I’ll stick with Bricks.

[binodmanandhar]

Amazing video.
I am trying to learn full site editing. I am trying to use slider in header. How do I make backend to add number of images and the javascript section to make it slide. I have written html, css and javascript but don't have idea on how to incorporate in full site editing.

[KarstenJensenX]

Hey, another great and helpful video. I've just started a project and wanted to learn to use WP with WooCommerce to its fullest and since the last update, why not use blocks?
I installed WP and WC plus Ollie and immediately had no clue where to go from there. This tit got me going bit I'd love a more in depth tutorial how to use Ollie with WC.

[ThemeParkNetYT]

I've tried some other pagebuilders and plugins for WordPress but nothing gives the customization and advanced options like Elementor and Crocoblock plugins. I understand why people might like to use these other plugins but none of them are even slightly close to Elementor in combination with Crocoblock. This sort of stuff is fine for very simple websites with just a few informative pages and a contact page (maybe a blog) but if you want to offer a client possibilities to add or change custom content from the frontend or manage bookings/ contact forms / accounts this is not even a possibility.

[nikikinz-nik]

For the global settings thing I think that you go into the style book (the little eye icon, visible in the 9 to 10 minute section of your video) totally obscure place to put it and then you change things globally on the sheet, but there is a whole thing about changing the style of the theme or changing the style locally. Export your changes to update your theme (see three dots menu same area). I think. As I said, I'm learning.

[kirstencorbett_]

I'm not but that's what I am hoping to learn. I really want to be able to create full websites and child themes using FSE and Blocks.

[badcatdesign]

New Job Title for 2023 and beyond... "WP Site Editor Setup Engineer"

[supkornpookapun]

I like this new editor from WP and learning this from your video. However, I can edit only the frontpage. I cannot go edit other pages i.e., Contact Us, etc. Finding a video to show how to go edit other pages. Can you make one?

[Olaeborn]

As a webdeveloper creating custom sites for clients i think the full site editor is not yet mature enough to introduce to my clients. i find it very confusing to access it through a "backdoor" like Appearance > Editor. I mean why cannot just footer and header blocks be added at the top and the bottom when you click on pages and select a certain page for edit in the normal wp page structure. Now there are two separate menu structures and Ui:s baked into one. I also would like to have an easy option to turn on andoff certain costumize options since my clients shouldnt have the option to adjust font type, font sizes, colors etc since these are fixed according to the design and brand manuals etc.

[supkornpookapun]

I tried few themes, Ollie, FSE, ... but I don't know how to go to edit Contact Us page with visual editor.
I have 2 pages, Front Page and Contact Us page.
From the Page\All Page\Edit and select edit for the Contact Us page, I will go to the plain edit page by WP, not the visual editor page like in the Front Page. When I preview the Contact Us page, it's ok. But when I click on the top menu "Edit Page, " then I go to the plain edit page by WP again. But if I click on the top menu "Edit Site" then I will always go to the visual editor of the "Front Page, " not to the Contact Us page.
Please help me how to edit my Contact Us page with this new visual editor?

[michellaigrand]

I'm a big fan of Gutenberg. New block themes as Ollie are indeed a milestone in the Gutenberg evolution. However (and there is a big However), even with a good block theme, there still crucial missing parts in Gutenberg for average webdesign needs: lack of negative margins, z-index, positions, advanced background mamanagement, icons support.... Sure, there is some progress with the intrinsic design philosophy but there is still missing pieces for responsive, specialy the responsive menu part, ordering the blocks in mobile, etc. And I don't even speak of CPT or animations.

It seems that the Gutenberg staff is working more on the technical Gutenberg foundations rather than giving us this basics layout tools (for example they currently work on Interactvity API). I can understand this priority.

Some people could say you have to keep core Gutenberg simple. I'm ok but for example in the world of mobile domination the Gutenberg actual features are clearly not enough. And sure you can use CSS too for layout but you loose the block concept and relatively ease of use.

The only solution right now is using commercial blocks library. Among them, personaly I like MaxiBlocks (very good free solution), Spectra (a good average one), GreenShift (top advanced animations) and Cwicly (great advanced toolbox) because they are very close to Gutenberg and block themes (unlike GenerateBlocks or Kadence which use proprietary themes). But because Gutenberg still lacks a lot of features, this libraries must use their own avanced blocks instead of the Gutenberg blocks and so you are stuck with their solution.

Perhaps it will take one or two years more before we will see professional layout tools in Gutenberg. CSS grid is coming and there discussion about the best way to deal with negative margins or conditional features. And perhaps we will have a better UI too, who knows...

[SanytoSederia]

Hi do you have tutorial on how to chance favicon in Full Site Editing?

[estycki]

This reminds me of trying to edit an email with Mailchimp’s builder. Faster than coding but a little bit annoying.

[WebmasterjorgerRendon]

Of course, and now I'm finishing the project with the theme you suggested, but besides that, I needed dynamic post so I installed postx pro plugin and gutenverse plugin and WoWW!!! It looks very good, the degree of learning is high, it is not that easy, but if you manage to master the gutenberg builder, this will be the definitive solution to wordpress

[thelongarmmarine]

Very well explained! Tho I’ve not used Ollie, I have d/l the GreenShift theme and used it briefly, but switched back to Kadence, as I didn’t know how to properly manipulate it…may take a 2nd look after this vid…