Unlock the Secrets of WordPress Site Editing - Beginner's Guide

Ғылым және технология

WordPress Blocks Themes are very powerful but they have a steeper learning curve for Beginners than traditional Classic Themes, so in this video I take you through 10 things that will make building websites with Block themes much easier to understand (I hope!).
👉 My WordPress Gutenberg plugins www.pootlepress.com/wordpress... 🔥
👉 Sign up for my newsletter www.pootlepress.com/sign-up-t...
👉 My courses www.pootlepress.com/our-wordp...
👉 ClubPootle clubpootle.com/
👉 Contact me at: jamie@pootlepress.com
Links
WordPress.org block themes wordpress.org/themes/tags/ful...
Frost Theme - frostwp.com/
AinoBlocks - ainoblocks.io/themes/
Anariel Themes - www.anarieldesign.com/
Create Block Theme Plugin - wordpress.org/plugins/create-...
Gutenberg Plugin - wordpress.org/plugins/gutenberg/
Timeline
0:00 - Intro
0:20 - Setting your home page
0:54 - Creating navigation menus in Block Themes
2:34 - How to add fonts to a Block Theme
3:40 - Why are you missing some Gutenberg Editor settings
4:32 - The Gutenberg Editor Container Block
5:10 - Why you shouldn't add content into the WordPress site editor
5:40 - How to revert Block Theme Page Templates
6:18 - What are Template Parts?
7:00 - How to change Global Styles
7:35 - Where you can find great WordPress Block Themes

Пікірлер: 74

  • @jamiewp
    @jamiewp Жыл бұрын

    I had a bit of a brain freeze regarding setting the home page - you still need to set that in reading settings, but you can edit the template 😉

  • @pmmueller

    @pmmueller

    Жыл бұрын

    Great to find your comment, because I was just about to write one about this 😂. I find myself setting the homepage the good old way (Settings > Reading) and editing the content on the homepage itself, also the good old way. I have not yet found the need to edit the Front Page template. I think that would only be necessary if you e.g. want a different header or footer or something.

  • @jamiewp

    @jamiewp

    Жыл бұрын

    @@pmmueller Yup exactly right Peter 👍

  • @jamiewp

    @jamiewp

    11 ай бұрын

    great idea@@AnkitExploresYT

  • @tjsayers5428
    @tjsayers5428 Жыл бұрын

    Very helpful overview. 🎉 thank you!

  • @JonBius
    @JonBius Жыл бұрын

    Thank you for this Jamie! This is so helpful!

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Great to hear Jon 😀

  • @MrBrady95
    @MrBrady952 ай бұрын

    Thanks, this was helpful. Also, if you think diagrams would be of any use in your teaching, I'd highly encourage that. I notice that even when you show the white board, strangely, it adds context that seems to make things more understandable. Cheers.

  • @jamiewp

    @jamiewp

    2 ай бұрын

    Great to hear, thanks John

  • @jonbloor8661
    @jonbloor8661 Жыл бұрын

    This is the guide I have been looking for, thank you

  • @jamiewp

    @jamiewp

    Жыл бұрын

    tks Jon 👍

  • @EWBLOGGINGTIMES-zd2de
    @EWBLOGGINGTIMES-zd2de11 ай бұрын

    Nice video. Short but full of essential info...and Jamie speaks so smoothly that touches heart..!! Best of luck..!!❤

  • @jamiewp

    @jamiewp

    11 ай бұрын

    thank you so much for your kind words

  • @111two
    @111two Жыл бұрын

    Jamie, as usual super useful! Thank you!

  • @jamiewp

    @jamiewp

    Жыл бұрын

    👍

  • @jonathanpalacios3108
    @jonathanpalacios3108 Жыл бұрын

    Hi Jamie I didn´t even know that you can manage fonts from Create Block Theme Plugin, thank you so much! Please consider making an entire video about Navigation Menus, it could be interesting to know how to manage multiple navigation menus, side menus, top menus, popup menus, and maybe by role menus. It could be useful. I guess...

  • @jamiewp

    @jamiewp

    Жыл бұрын

    That's a great idea about the Navigation Block - i actually did one last year, but a lot has changed now. 👍

  • @richmaniow
    @richmaniow Жыл бұрын

    I've been struggling all week to try and change the font so this is a big help 👍 Also figured out after many hours how to create a header with an image background using the "cover image block" which allows you to put other other blocks on top of it for your logo or page title etc rather than the "image block" which doesn't, not sure why they have both tbh, would also be good if you could have an image background option on text blocks as well, i.e not just the colour palette, as you say it's a steep learning curve, so your videos are a bit of a life saver 👍

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Great to hear it helped - maybe check out my Gutenberg pro plugin if you want images behind text www.pootlepress.com/gutenberg-pro/

  • @PhilipAllison
    @PhilipAllison Жыл бұрын

    This is a very helpful overview. I feel like I have a basic understanding of how full site editing works but I still really struggle with spacing between (and sometimes within) blocks. When I try to adjust padding and/or margin, what I see on the edit screen very rarely translates to the finished product... which means I can't quite get my site to look the way I want it to look. So, if you wanted to do a video showing how those features work and how best to use them (adjusting values on specific blocks versus adjusting values in global styles, as an example), that would be great.

  • @lydialutz

    @lydialutz

    Жыл бұрын

    I think everyone just hits preview in another tab and looks at it to see if it looks right. Seems like it could be better but...

  • @PhilipAllison

    @PhilipAllison

    Жыл бұрын

    @@lydialutz That's what I do, too. But sometimes, the way things look on the edit screen is not how they end up looking when I preview the page/post. Maybe it's just an issue with the theme(s) I've been using but it's been a source of frustration.

  • @lydialutz

    @lydialutz

    Жыл бұрын

    @@PhilipAllison Yes, it's like WordPress editing is ALMOST What You See Is What You Get, but not quite and it is frustrating.

  • @pshemekm
    @pshemekm Жыл бұрын

    Hi Jamie, great material, as always! There may be a problem with building the entire home page as a template, as we put sometimes a lot of content into the layout territory. This problem becomes apparent especially when building multilingual sites, but I personally prefer to set a regular page as the home page actually in every project to increase content portability and other benefits.

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Yes 100% agree 👍 I had a brain freeze for that segment

  • @jettedh123
    @jettedh123 Жыл бұрын

    Thank you for another great video 😀 I'm curious to know more about how to handle the home page in FSE

  • @jamiewp

    @jamiewp

    Жыл бұрын

    I made a mistake in the video - you set it in readings settings like before , but you can edit the layout / template in the site editor

  • @visualmodo
    @visualmodo Жыл бұрын

    Very good work =D

  • @nonridiculousadjective6597
    @nonridiculousadjective659711 ай бұрын

    Hey, thanks a lot for this video and several other I had seen from you, I've been pulling my hair for weeks with wordpress, including the youtube tutorials as 90% are just a promotion for a plugin or hosting service. You are a gem in this field and remember that. Btw, i dont know how or why but in case of reverting the template changes, the first option is now replaced by a command line and the manage template part doesn't seem to want to show me the three dot button for settings when hovering over a template page.. Was there maybe an update since this video got posted?

  • @RonNVids
    @RonNVids Жыл бұрын

    Another great video! Thank you for all this great content. I'd love to see more of you explaining styles. Could I use styles to separate different topics on my site, almost as if the user was visiting a different site sort of? Same site, but different sections have very different looks under the same theme?

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Great idea - one way to do this would create a new custom page template (if you are using a block theme)

  • @RonNVids

    @RonNVids

    Жыл бұрын

    @@jamiewp Since I discovered your channel I'm only using Gutenberg and block theme ;) Thanks! :)

  • @TheAIPulse
    @TheAIPulse Жыл бұрын

    Love the videos you're putting out. Question: I don't have the editor function under "Appearance". I'm using GeneratePress and have disable it and all plugins and can't seem to get that editor to show up. The only editor is the theme editor, which is all the code stuff as you know. I found a google search saying you need to edit the wp-config.php file and update this setting this define('DISALLOW_FILE_EDIT', true), but my wp-config doesn't have that item. Anyone have any suggestions?

  • @TheAIPulse

    @TheAIPulse

    Жыл бұрын

    Also, i noticed under appearance for you, you only have Theme and Editor. Mine includes Themes, Customize, Widgets, Menus, Header, Background, Theme File Editor. However, when i click on Header for example, it takes me to the customizing, not the actual block editors. hmm

  • @hansschuijff
    @hansschuijff Жыл бұрын

    Thank you, Jamie, a clear overview. What I'm still looking for in fse is a way to customize an archive page template that will display the result of a query (like the posts in the blog page), but is able to show different post_types in the list in a post_type specific way (t.i. a price and buy-button for a product and the event date-time for an event). In the old theming one would program that using specific template parts for each post_type (t.i. a post, woocommerce product or tribe event should show different attributes). I wonder if some post_type specific presentation is possible in the block templates using fse using the editor. It would be nice if fse allowed adding template parts for specific post_types and than using that in the query block when the result contains such post_types, but I haven't found such functionality. F.i. a search results page could need such logic and when it is programmed in the fse template that template as I understand it cannot be edited using the editor after that. Do you know of a solution using fse for that?

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Interesting, so in that case you would want all post types eg products and events all mixed in together?

  • @hansschuijff

    @hansschuijff

    Жыл бұрын

    @@jamiewp That's right. The result would show a list or grid in which each cell or row may show a post of a different posttype with different attrributes. We have blog posts, events with tickets, products, courses and visitors have to be able to recognize that they are not the same and get the most important option (read more, buy, etc) for the specific post_type in the list.

  • @hansschuijff

    @hansschuijff

    Жыл бұрын

    @@jamiewp Something like was meant with post formats when those where introduced, in which the blog would show different presentations depending on the post format.

  • @robmccance
    @robmccance Жыл бұрын

    Jamie - love the videos! I've learned a ton from them and I really appreciate you making them! One really basic and probably dumb thing that has eluded me though - how do I control the height of my header? I'm using the WP 2023 Theme. I've tried smaller cover images and smaller logo images and the thing takes on the size it wants! Any way to control the height of the header? Thanks from Atlanta!

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Tks for the feedback - the easiest way to increase the header height is to increase the padding of one of the inner blocks

  • @user-cn6nf2wk5b
    @user-cn6nf2wk5b Жыл бұрын

    Hi Jamie, this was super helpful as im a first time Wordpress user and trying myself on building a webpage. I came across greenshift, a full site page builder using that Gutenberg concept. Would you by any chance be able to make a tutorial about this plugin? Or do you have a beginner guide tutorial on building a webpage from scratch with little to no experience? Thanks for your help!

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Cool and tks - could you let me know what features of greenshift you are using that you can’t do with just core Wordpress and Gutenberg ? That would be really helpful 😀

  • @user-cn6nf2wk5b

    @user-cn6nf2wk5b

    Жыл бұрын

    @@jamiewp Thanks for your reply! yea as I'm watching your tutorial literally right now, the ultimate guide on Gutenberg im noticing that its pretty much the same thing like green shift! Would you say working with Gutenberg is almost the same as working with greenshift? Im so new at all this, I don't have much knowledge about any of all these plug ins etc. haha

  • @michieltieleman9462
    @michieltieleman9462 Жыл бұрын

    I suspect you mentioned this before somewhere in one of your videos but can't find the specific one: What is the most straightforward, convenient way to copy elements/block patterns of one site to another. Use cases might be that you have a subdomain that you'd like to have the same header and footer layout, maybe with a different navigation panel? Or how to make another variety of a global style, still haven't been able to get that working yet.

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Try the blockmeister plugin - I think that might so the trick

  • @robnic52
    @robnic52 Жыл бұрын

    I too had a problem with making a static home page by using the home page block which oddly sets a blog post on your home page. Not what is always desired on a non blog website. I am a complete newb maybe I'm missing something?

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Hi, yes the best way is to create a new page, call it home, then go to dashboard, settings, reading, and set that new page as your home page

  • @edpugh6962
    @edpugh69626 ай бұрын

    I'm finding your videos very helpful Jamie but what do I do if I don't have a home page template to edit. Maybe I'm missing it, I'm using Blocksy so I just added a banner page and made that the home page... :)

  • @jamiewp

    @jamiewp

    6 ай бұрын

    Hi Ed, yes that's because Blocksy isn't a Block Theme (which is ironic given the name). Blocksy is a great theme, but it is what's called a classic theme, so it doesn't let you edit the wordpress templates directly and so you won't see a home page template to edit. Hope that makes sense.

  • @edpugh6962

    @edpugh6962

    6 ай бұрын

    Thanks yes it does, it certainly is very ironic.

  • @gjimjams
    @gjimjams Жыл бұрын

    First time user here, using Spectra One theme and Spectra plugin - I really don't get how you apply the templates to pages... for Tip #5 it would be great to know how to create a page using one of these templates and then where to go to edit the content. This is really basic but it just doesn't really make any sense to me... I see the pages menu, but the templates kit that comes up when you create a new page seems to have no relation to the templates in the site editing tool... so I have no idea how to create a page I can edit using one of these templates. If anyone has any tips or videos that show how pages relate to templates, I would be really grateful!

  • @jamiewp

    @jamiewp

    Жыл бұрын

    I’ll try to put something together for you 👍

  • @robmccance
    @robmccance Жыл бұрын

    Jamie - love the videos! I've learned a ton from them and I really appreciate you making them! One really basic and probably dumb thing that has eluded me though - how do I control the height of my header? I've tried smaller cover images and smaller logo images and the thing takes on the size it wants! Any way to control the height of the header? Thanks from Atlanta!

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Tks 😀 what theme are you using ?

  • @robmccance

    @robmccance

    Жыл бұрын

    @@jamiewp Wordpress Twenty Twenty Three

  • @mSherjeelr
    @mSherjeelr Жыл бұрын

    which block theme is best

  • @jamiewp

    @jamiewp

    Жыл бұрын

    It depends on your project

  • @mSherjeelr

    @mSherjeelr

    Жыл бұрын

    @@jamiewp I want to build a affiliate blog

  • @MarkConstable
    @MarkConstable Жыл бұрын

    Are we there yet?.. you know, fixed and transparent top nav bars.

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Yup we are

  • @JacquesvanWyk
    @JacquesvanWyk Жыл бұрын

    I think for a developer building out block themes is great but thinking of giving my clients training on this sure is big ask. Already with old Wordpress people get confused but this will just be nightmare I think.

  • @JacquesvanWyk

    @JacquesvanWyk

    Жыл бұрын

    btw I am not negative I honestly like what wordpress is doing but I just always think of how a client will look at this

  • @jamiewp

    @jamiewp

    Жыл бұрын

    @@JacquesvanWyk i 100% agree with you (although im about to start group courses for site editing ;)

  • @antonio.carreira
    @antonio.carreira Жыл бұрын

    You still need to set your homepage to a regular WordPress page, so the end user can edit the homepage content. The homepage template should be exactly that, a template. The end user shouldn't be able to edit that template, but still have access to the homepage content. ;)

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Yes, that's how the home page template works - you don't add content in there. But you don't need to set a page as your home page in reading settings (at least not with the 2023 theme) .

  • @antonio.carreira

    @antonio.carreira

    Жыл бұрын

    How does WordPress knows which page is the homepage then? I'm honestly curious and I'm probably missing something really obvious. :)

  • @jamiewp

    @jamiewp

    Жыл бұрын

    @@antonio.carreira i think you're right 🤦‍♂ i'll double check in a bit, but what you are saying makes perfect sense. Long day and brain freeze here 😱

  • @michieltieleman9462

    @michieltieleman9462

    Жыл бұрын

    In my understanding it's a bit of an outdated setting tbh. Your home page displays the home page template, so regardless of what you set under the settings>general/reading(whichever it was again) it will show the template anyway. To determine what shows on the home page you edit the home page template. Want something static on your home page? Put static stuff on your template. Want a dynamic blog page instead? Use the query loop block to display your posts/categories/whatever you set the query loop block to display. Maybe I'm wrong, but that's my understanding of how it works now.

  • @antonio.carreira

    @antonio.carreira

    Жыл бұрын

    @@michieltieleman9462 that makes sense from a developer point of view, but not from the client's. Your client should be able to add content to the homepage without even knowing about templates. It also goes against one of the other tips on the video, never add content to the templates.

  • @GuntherGlesti
    @GuntherGlesti Жыл бұрын

    Why publish blank pages... Why would you do that..? We used to develop locally then test then make public! These days everyone seems to just produce rubbish and fix it with daily updates!!! I don't understand that mentality

  • @vitasc
    @vitasc Жыл бұрын

    Hey Jamie. Many thanks for your channel. I found a lot of useful things. But why do you laugh all the time when talking about serious things? This is a little bit confusing… 🤷🏻‍♂️

  • @jamiewp

    @jamiewp

    Жыл бұрын

    tks, but which serious things?

Келесі