I have been using wordpress for about 20 years. I never used the standard install theme. But having started a new site for myself and seeing the WP was offering an new version and new theme I thought I would give it a go. I always preferred to javascript my needs into WP but this new theme looks like it will convince me to start working with blocks more as it is offering solutions that I once had to code in. And I found this video a great starting place. (I) Could do with a manual.
It's great to hear you are considering giving blocks a go. It's not perfect but it will only continue to get better with each release. The pace of progress is rapid. Glad the video was helpful to you! Maggie did a great job.
@@DaveOnWP Actually I havent been using WP for 20 years lol it ain't that old. I have been a web designer on and off since the mid 90s and I started my own site about 20 years ago, coding 'by hand' so to speak. I guess I started using WP about 8 years ago. In fact although I have continued to code private projects even through WP I stopped designing for others a long time ago. I really like the direction WP is going. Looking forward to seeing it develop. Thanks for sharing your skills and knowledge.
@@TheCompleteGuitarist Hi Can you guide me, I want to build editor option like latest wordpress theme in my custom theme, Do you how I can achieve this
I'm really pleased you found this helpful. I agree the new tooling around Block Themes can seem intimidating. The team behind this continues to iterate and hopefully it will continue to improve. Did you manage to build out a Theme or a website?
Thanks Maggie Cabrera and Dave and for this verry helpful and valuable content in this brief overview of the new Theme! The Twenty Twenty Four Theme is a good basis, good work!
After years of passing through different themes. I have decided to make my last chance with your theme. It looks great and i wish that you enhance it for woocommerce too. It is just awesome theme
Glad to hear you are giving Block Themes a chance. TT4 is a default Theme bundled with WP so it was a community effort with many contributors. As Woo is a Plugin it's unlikely that Core themes will ever officially support it, but thankfully it's going to become ever simpler to adapt themes so hopefully we get some canonical Woo themes in the future. Thanks again for taking the time to comment.
HI! very interesting video. I have two questions: 1 - Do you recommend creating a child theme even if you make very few changes? 2 - If I want to change to another default WordPress theme the content would adapt better? Thank you!
Hi! The answer to number 1 mostly depends on what the theme is for :D If it's a theme just for yourself, you can make your own changes and save them, no problem. They will stay saved on your database and the theme can still update without you losing your changes. If you plan on distributing the theme, you could make the changes to TT4 and rename it (using a plugin like Crate Block Theme makes the process really easy) or you can decide to do the child theme route. I think going for a child theme is useful for block themes when there's a lot to reuse from the main theme, that can be used as a design system. Otherwise the other two options are probably simpler. About your second question, I don't know what you mean by adapting better. Your content will stay, but your template changes won't
Thanks for this video. Is there any way to have a link for each section of the homepage ? In my case, I want a one page website and want the menu to point to each section of the homepage. Thank you.
Hi there. Yes you can do this. - Make each "section" you want to link to a "Group" block (it might be this already). - Select the section Group block and open the block's right hand sidebar ("Block Settings"). - Look for "Advanced" -> "HTML Anchor" - Type in a unique slug for the section (e.g. `welcome-home`). Note the instructional text below the input for more information on what you can place here. - Repeat for each section you want to link to. - Save the Site. Now in your Navigation block: - Click + to add a new menu item - In the search box type "#" (no quotes) and then the slug of the section you want to link to (e.g. #welcome-home ). The "#" tells the browser that this is an internal link. - Repeat for each section. - Save - Go to front of your site and clicking should jump to the section. If you want smooth scroll you might need to look for a simple Plugin like this one which will smooth scroll when you are moving between internal anchor links (note I did not test or endorse this Plugin - I just found it): wordpress.org/plugins/page-scroll-to-id/ I hope that helps?
I have question regarding page templates (maybe I'm using the wrong terminology here), but what I'm trying to create is a page template or layout using all of the blocks and/or patterns that I want to have on a page, and then save that page layout so that I can reuse it multiple times. For example, Let's say that I have 6 categories and would like to have a page for each, but still keep the layout of the page uniform across all 6 pages. In the end, I'd like to be able to create a new page, pull up this category template, and then add the items associated with that specific category. Every attempt that I've made always results in a blank page. Not sure if I'm supposed to populate the blocks with content (only to delete it and add the correct category content later), but when try to create the template by just adding the blocks and patterns that I want on that page, and the save it, I can never find it later. What am I doing wrong?
That sounds like a tricky problem. Typically the WordPress template hierarchy allows you to define a `category.html` (in Classic WP this was .php but we'll use .html here) template which is the template that will be used for ALL categories. If you need a layout for a specific category then you'd need to follow the hierarchy and create templates such as category-{slug}.html or category-{ID}.html (replace the bit with brackets with the correct value for your site). So using "Pages" probably isn't the correct approach which is why you are finding it so difficult. In the site editor sidebar you can create a template for a specific category: under Templates, click on the + > Add template: category archives > Category (for a specific item) > select the category and then create the template there. I hope that helps? If not then maybe you could share a video for us to better understand the issue?
@@DaveOnWP Hi Dave, thanks for the reply, and for the great video. Please allow me to explain further, and hopefully my goal will become clearer. In your video, you guys used the supplied Homepage design/template and modified it to make it your own by replacing the original image with a new piano image and you also modified the text on the page. I'm assuming that if you wanted to, you could have added a New Page, and once again imported that original Homepage design supplied in the theme, and then customized it so that despite having a similar layout, the content would be different from that of the Homepage. What I would like to create, is a similar page template with a look and layout of my liking and save it as a template, so that I could pull it up and use it multiple times on the website. In my case, I would have buttons on the homepage that when clicked on, would open to a page that represents the topic/category assigned to that button. So, if I have 6 topics/categories, I will then have 6 buttons/icon on the homepage, and each one would link to its respective page. Ultimately each page would use the same layout, but just like in your video, I would have the ability to change the content to match the page's specific topic. In short, how do I go about creating a page template such as the homepage template supplied in the theme? I've tried doing so by creating a page, adding the blocks that I want, and then saving it as a template, but then I can't pull it up since it doesn't get added to My Templates. I've even tried (and I'm sure it's wrong) to add it as a Page template on the right where you can change from Pages to Full Width Pages. I'm sure I'm doing something wrong.
@@DaveOnWP @DaveOnWP Hi Dave, thanks for the reply, and for the great video. Please allow me to explain further, and hopefully my goal will become clearer. In your video, you guys used the supplied Homepage design/template and modified it to make it your own by replacing the original image with a new piano image and you also modified the text on the page. I'm assuming that if you wanted to, you could have added a New Page, and once again imported that original Homepage design supplied in the theme, and then customized it so that despite having a similar layout, the content would be different from that of the Homepage. What I would like to create, is a similar page template with a look and layout of my liking and save it as a template, so that I could pull it up and use it multiple times on the website. In my case, I would have buttons on the homepage that when clicked on, would open to a page that represents the topic/category assigned to that button. So, if I have 6 topics/categories, I will then have 6 buttons/icon on the homepage, and each one would link to its respective page. Ultimately each page would use the same layout, but just like in your video, I would have the ability to change the content to match the page's specific topic. In short, how do I go about creating a page template such as the homepage template supplied in the theme? I've tried doing so by creating a page, adding the blocks that I want, and then saving it as a template, but then I can't pull it up since it doesn't get added to My Templates. I've even tried (and I'm sure it's wrong) to add it as a Page template on the right where you can change from Pages to Full Width Pages. I'm sure I'm doing something wrong.
You are very welcome! If there's anything else you'd like to see covered please let me know. I'm open to suggestions. If you like this, you might also enjoy this video I did which covers all the features in WordPress 6.4 (latest version) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-erT8LxuI5r4.html
I'm a 100 Beginner to WordPress and have been advised not to use Twenty Twenty Four theme as it's too difficult for beginners. I am struggling through the middle of it all to work it out. What do you suggest, persevere or go to an earlier theme?
I've been reading heaps and kinda understand the names and concepts but I can't even get my front page template connected to a page properly. Currently I have a new page, I attempted to apply the template but it won't show in editor but shows in View page. I'm worried now that with all my tinkering I've damaged stuff. @@DaveOnWP
Hi Stephen. Thanks for your feedback. Hope you're made some progress with your Theme? I agree that Navigation can be...challenging. As someone who works on this feature quite a bit I wonder if you would be willing to share any specific issues you've encountered? For reference here is the place where we are tracking all the outstanding tasks for the block: github.com/WordPress/gutenberg/issues/38275
For a WP tea, i was expecting a easy flow through the templates and the parts and configurations. The presentation was kind of a discussion but that also defeats the short time to go through the different aspects one would like to see and learn. May be this feedback will help you to be prepared for the next presentation.
Always happy to receive feedback. I don't think building a Theme would work well in a short video presentation. In fact Maggie and I did prepare for this discussion otherwise it would probably have been x2 as long 🙂 That said, I'm sure we could slim this done for a future episode.] Appreciate you taking the time to let me know your thoughts.
At this time I would use wordpress.org/plugins/create-block-theme/ to achieve this. In the future this functionality is likely to be bundled as part of WP itself.
Thanks for your feedback. I'll be sure to pass this on to Maggie and the other folks working on the default Theme for the next release so hopefully we can have better options for font size. I absolutely agree. The jump from the default (Medium) to "Large" is too extreme. I think perhaps another size would help here. Obviously you can use a custom value using the toggle to the top right of the font size picker, but that's not ideal.
@@DaveOnWP Thank you for your response. Maybe you didn't understand what the problem was. The big jump from Medium to Large is not a problem. It is not a problem to change the text font size manually. The problem is that when I change the text font size manually (to any size) the text font normally increases on the desktop, but the text font size decreases on the phone. So the problem is that the text font size is displayed incorrectly on the phone.
You mention a font plugin, but I'm not seeing it pinned in the comments. Fair warning, it might be right in front of me and I still may not see it. But thanks for adding it if you have it handy.
Ah sorry if that wasn't clear. The Create Block Theme Plugin (wordpress.org/plugins/create-block-theme/) allows you to: - Embed Google Fonts in your theme. - Embed local font assets in your theme. Install and activate the Plugin and then look for the "Manage fonts" screen. I'll be doing a video on this topic soon - make sure you subscribe to avoid missing it. Also, if you enjoyed this video, you might also enjoy this video I did which covers all the features in WordPress 6.4 (latest version) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-erT8LxuI5r4.html
Hi there. This isn't a topic I will be able to cover as I don't specialise in Plugins. The editor's focus is on intrinsic design principles which (ideally) avoids the need for customising the layout for specific device sizes. Rather the content should auto-layout. There are always scenarios where this breaks down and WordPress is looking into these specific instances to try and enable work arounds for users. For example in the Navigation block: github.com/WordPress/gutenberg/issues/43852 In general though, it's doubtful you'll see any kind of controls that control things based on screensize in WP Core. There are a lot of Plugins that seem to provide this feature though so worth checking one out. Sorry I was't able to be of more help this time.
@@DaveOnWP thanks for the help sir. Hope WP teams considers this and acts sooner.due to the increased use of mobile devices. I love your content sir. As I am a new learner and trying to work using Gutenberg and minimal plugins.
@@vinayp5944 You are welcome. Rest assured the developers working on the project are very aware of the requirement and are always working on the best possible solution for the long term. In the meantime, I would definitely do some research into Plugins that might provide the stop gap you are looking for in terms of fine grained responsive controls. The Plugin ecosystem is what makes WP great. I would recommend you continue to adopt your current strategy to use the block editor but extend it as required with minimal Plugins.
Thanks for the comment. I'd love to understand more about the struggles you've have with dropdowns. What specifically makes this challenging? Your feedback would be much appreciated.
@@DaveOnWP I would simply like to learn how to build them out without using code (except maybe css) or a plugin? It would be good to have transitions on the drop downs as well.
The editor doesn't handle custom fields that well at the moment. That being said, the next release of WordPress coming in March/April should ship a new API which will ultimately lead to the ability to create/update custom fields and attach these values to blocks. You can follow along here github.com/WordPress/gutenberg/issues/53300#issuecomment-1910659879
