How To Get Started With WordPress Full Site Editing
Vložit
- čas přidán 8. 05. 2023
- 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.
Ollie: olliewp.com/
Jamie's Channel: / @jamiewp
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.
► Buy the Essential Web Designer's Documents Pack Now: links.wptuts.co.uk/ewdd
► 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 ◄
✅ WPVivid Backup Pro: jo.my/vividpro (use WPTUTS20 for 20% off)
✅ Project Huddle: jo.my/etafyp (WPTUTS for 20% off - Exclusive)
► MY PREFERRED HOSTING PROVIDERS ◄
✅ CloudWays: jo.my/1feeng8
✅ SiteGround: jo.my/sgwptuts
► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: jo.my/1s0t2s2
✅ Brizy Pro: bit.ly/2Ji97r8
✅ GenerateBlocks: jo.my/xotgcy
✅ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
✅ GeneratePress Premium: bit.ly/2Ydn1SE
✅ Blocksy: jo.my/y67ten
✅ DIVI Theme: bit.ly/2G8JMiA
✅ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
✅ SMART SLIDER 3: bit.ly/2G0G1vB
✅ CSSHERO: bit.ly/2qbrRl6
► WORDPRESS PLUGINS ◄
✅ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
👉 Twitter: / wptutz
👉 Facebook Group: wptuts.co.uk/facebook
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk - Jak na to + styl
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.
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.
For those trying to figure this out, there is a page template called No Page Title that can be applied. In the editor sidebar on the right, click the Post tab and select the template from the Template link. This will let you hide the page title and build pages with patterns. 👍
Totally agree! The Gutenberg UI is a mess and they added another one with the FSE!! It looks like they dont have any UI/UX designers in their core team....I will continue using separate visual builders until they will understand to sort this out...
Yep, i am on the same page here@@morbius80 But after several tries i am slwoly getting my head around the spaghetti-UI. :)
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.
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.
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.
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.
You can create templates for CPT singles and archives.. I'm not sure about fields just yet
This reminds me of trying to edit an email with Mailchimp’s builder. Faster than coding but a little bit annoying.
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.
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.
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.
Thanks for the video. I've been using Elementor and I find that it's more user friendly for my clients. I still feel that the FSE is a bit limited. (Personally I prefer Advanced Custom Fields and custom development but my clients like drag and drop.)
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
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…
Thanks for the video 👌
I'm using it on something now, because the site needs to be easy for users to maintain and requires no custom posts/taxonomies/code but does require multiple page templates. The template editor may be relatively complicated but it's only a little more knowledge than is needed for the page editor. I could easily get used to this.
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?
Good, well done and more please :)
Truly good work!
Does it work with WooCommerce
The day I can create great looking, responsive and accessible headers and footers quicker with FSE, sure. Crafting solid menu functionality with live search, off canvas menus and other fancy stuff, is no easy task, and some "classic" theme developers have refined their products for years. So keeping an eye on FSE, but I'm yet to find that "killer application" to be honest.
Will take Ollie for a spin, though. Might find a nice pattern I can copy. That's a pretty neat feature of Gutenberg, that we can copy and paste groups between sites and themes, as long they are built with core blocks.
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?
I binned Gutenberg the day it arrived I used it for several weeks but it's just pants. So I use generate press generate blocks with the old editor. No problems.
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...
I want to know if they come with Child Theme versions or if it is easy to create a child theme. If you have a block child theme, then you can add any CSS you want and enqueue icons in functions.php
Very interesting and thanks for the blocks library tips
Or the SKT theme that I use does not fully compatible withthe new full site editing feature.
New Job Title for 2023 and beyond... "WP Site Editor Setup Engineer"
Hi do you have tutorial on how to chance favicon in Full Site Editing?
Very nice, Paul. In the Templates section, what is the difference between Front Page & Index? Thanks.
Hey there, the Index template is used to display your blog posts. It's also used to display categorized posts, etc. It's the default post loop. The Front Page template is used to display a front page of your website, like the homepage.
@@OllieWP Got it - thank you.
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.
I use theme "SKT FSEVersion: 1.3" which is full site editing capable. I don't know how to switch to other page for edit. There is no video showing this point. All videos shows the basics of full site editing covering styles, etc. but not this point.
I am using it more and more, but still use elementor for more advance websites
What I miss in FSE and Gutenberg are complex/custom Queries like you have inside Oxygen‘s Repeater element. I haven‘t found any better alternative that works natively within gutenberg, if anyone can recommend something, let me know! ☺️
What sort of advanced queries are you looking for Martin? I’m currently building an advanced query block for Gutenberg that will enable any sort of WP_Query query in the editor without any code. Would be keen to hear what you’re after! 👍🏻
Now that's something that sounds really interesting. Any idea of when you're going to be releasing it?
@@WPTuts hey Paul! I’m working on it at the moment as fast as I can around the day job and family etc. I’m hoping not too long now. When I’m finished with it would you be interested in me reaching out and sharing it with you to get your thoughts on it? Happy to connect however best!
@@philsola I feel your pain buddy - it's hard juggling everything for sure.
Absolutely, let me know when it's ready or avaailble for beta testing and I'd love to take a look at it. :)
You can reach me here: wptuts.co.uk/collaboration-contact/
@@WPTuts thanks Paul! Yeah life is pretty hectic with a 1 year old and definitely slows you down but wouldn’t change it for the world. I’ll keep you posted ASAP! Appreciate it 👍🏻
Great, overview… why do we need to click save twice?
No idea, but it's bloody annoying for sure!
In theory FSE sounds good. However, the permanent change of interfaces and how a user has to interact is completely confusing. That is the main reason I've given up on FSE for now. It is like Gutenberg around the year 2018/2019: FSE just needs at least 1-3 more years to mature and to find its sweet spot. What I don't like is the typical WP Theme/Core Dev attitude: we know what is best and only we know how it should be done.
On the other hand, page builders like Bricks -- in practice it is just another "FSE", or at least an alternative FSE, if you want -- try to find out together with its customers & users what is the best way how such an interface should look and work. At least, that is my feeling and experience.
Gutenberg itself as the block editor thing has incorporated a lot of workflows and details from other page builders. This is truth. Period. However, the WP devs name it differently and modify it a bit, because they think they know better....!
Verdict: FSE is just not ready for prime time yet.
The more I delve into it and start using it, the more I come to realise that it is an inconsistent mess of changes that don't need to be made. As I've said on many occasions, Gutenberg and FSE feels like a 'design by committee' project where no one actually talks to each other and all that we end up with is an inconsistent mess that fluctuates from month to month as 'improvements' and 'features' are shoehorned into it.
if only gutenberg developer want to consider to upgrade their ux so it could be easier to build block (like elementor and others). I confused with their idealism about gutenberg ui.
can we use Elementor with this theme?
yes we use spectra one theme
How do you find it in use?
@@WPTuts faster.clean
@@WPTuts kindly make a spectra one tutorial
Dealing with the new editor instead of the standard appearance options is a joke. That is Wordpress for slowing my workflow
Anyone use starter sites for developing your websites
I don't think FSE is there yet. The UI is pretty chaotic. I still swear on Elementor.
Yes, but I'm still struggling with it.
It's not the most intuitive of tools!
Converted to FSE about a year ago - never looked back. What is not to like? Flexible, fast, adaptable, fully compatible with latest WP - PERFECT. Like I would always say to folk these days - stick with NATIVE WP as much as possible and you will save hours (days? Years?) of heartache trying to fix things that just do not work with page builders.
Basically EVERYONE (YEP! EVERYONE) uses the SAME OLD BORING LAYOUTS. So go on, make your life EASY! Stick to FSE and templates and blocks. You can layout a page in seconds then throw it back to the customers and say "hey, here's the layouts with dummy text - NOW YOU provide me the content".... Wait about 6 months for the content to arrive and then plugin in. JOB DONE 😃
Look life in the web design world will be changing dramatically in the next 6 months with AI taking over not only the web design AND the content but the dynamic generation of the content and images as well. WHY waste time...? "Oh, because MY customer wants a PERSONAL design... LOL LOL LOL. NO THEY DON'T. You show them a layout and they say (9 out of 10 times) - "Oooo that's nice" ... "what do you need now..." - that's when you say CONTENT. Oh, sorry that's what you used to say LOLOLOLOL. NOW you say "No problem, I'll generate your content as well with AI - just sit back and relaaaaaaaax"
HA HA It's all automated now. Anyone telling you different is delusional - it's happening - it's here and it's NOW. Buckle up my friends - LEARN FAST on how to use this new industrial IT revolution!
They really need to change the UI it's could be great but that UI is awful
Avada did this before it was cool 🙃
I don't use it
Looks like a good theme, but the drawback is "Gutenturd". I don't like it.
Why would anyone in their right mind use these options over Bricks/Elementor is beyond me.
Speed/lightweight. Elementor slow down drastically any wordpress website, and regarding bricks, well many of us still want to use plugins that are not compatible with bricks. Elementor recurring price and price increase is also a big deal. Not even mentioning that FSE = native = guaranteed that you won't come across compatibility problems with latest versions of WP.
I wish Elementor (pro) was fast and lightweight. Then i'd see no reason to keep using gutenberg as it missed many functionalities and the UI is bad
This page builder is not good work ..if you build about us section then it wll automatically redirect with others pages .
hey, guys let me help you.
so you have done your site, but you really don't know what TEXT to type or what STRATEGIES to use?
YUP!!
I can do this, not only am I a copywriter but first of all a strategic business partner.
What ACCULYY... I do for YOU?
-writing text based on what the reader wants to buy a product, click your link, etc.
-saving you time and effort.
-I'm securing for you that... if people get to your site more people gonna click.
Mhhh...BUT HOW ARE YOU DOING THIS?
like I did this to you right now😨
HEHE!!
So if you want your site to be writen in a NOT boring, professional way just answer the comment.
Maybe you should spend more time on your proof reading and grammar skills before spamming for a service you’re clearly not qualified to be offering. 🤣🤣🤣
Nope
Edit your homepage in the FSE but all the rest of the content on the pages or posts interface?
Now, hand off to a client who wants to update content on the homepage but needs to go to FSE, where they also have access to template parts and other templates they should not edit themselves. Then they have to go back into the main Wordpress interface to edit any other page or post content?
It’s just so dumb.
It’s almost like the authors of WordPress don’t actually work with clients or non technical people….
The content of pages needs to stay in the pages interface while templates and template parts are in FSE.
Don’t even get me started on the crappy editing interface for Gutenberg.
I create thousands of sites a year and I have used Gutenburg on hundreds of those sites. I can hand write React components for Gutenburg for heavens sake. I know this tool inside and out. The authors of WordPress could really learn something about interface design from the likes of Bricks or Breakdance. I mean seriously, even Generate Blocks is better at Gutenburg than Gutenburg.
Nope, looks horrible.