So you have your website. Titles, footnotes, content areas, and sidebars. Moreover, whether you are using the traditional editor or the block editor, you will be restricted to the corresponding content area. The theme is to control the header, footer, and sidebar. As a result, the entire site edit introduces a new collection of blocks that can be used to build other site elements, such as headings, footnotes, and sidebars. Therefore, it can be a site title, a site icon block, or a navigation block. These are available in the word press core. Therefore, the block is only a single unit of the dimension. As mentioned earlier, it can be a navigation block or as simple as a paragraph block. The
There is also a concept called reusable blocks. Suppose you can create a very beautiful click – induced copy. There is a wonderful background with some titles, some introductions and buttons. You want to assign styles to specific items or themes, and you can reuse them on multiple pages. Not clear. You can save the block or block configuration as a reusable block, and then drag and drop it to the entire site for use. Then there is block mode. Therefore, they can be used as preset styles and preset block groups in the start content. That is, if there is a button pattern, you can insert it. You can change the text, change the color, and perform the necessary actions each time. A reusable block can be changed in one place and all instances of the reusable block are updated throughout the site. The
On the contrary, the pattern is disposable. They are unique in every use. This is the language of the block. In addition, there are many blocks available as part of the word press core. You can create custom blocks. Alternatively, there is a third block library that introduces its own additional blocks. And what I want to say today. This is geneis blocks. Now this is the free plug-in word press. Org. You can also charge for upgrades. But everything I showed today only needs a free version. It is powerful in itself. Now let’s look at some of the terms that appear in the context of the genesis blocks plug-in. The
The first is a part. Therefore, you may want to find a great theme template, a beautiful home page template, and cut it into multiple parts. That is the plate. Specially designed block pattern. Many are also available with the geneis blocks plug-in. The layout is as follows: Therefore, if a section is clipping the layout, the layout imports all the sections, blends and matches them to create the entire page layout. Then finally there was a collection. I’ll show you this later. But this is to lay the foundation. Collections, as the name suggests, are collections of these layouts and parts that are styled by theme. Now, we will show you a small demonstration of how to build a simple 3-page layout using existing collections within the geneis blocks plug-in. If you are ready, please put on the demo hat. The
Confirmation. So here are the common new vanilla settings for WordPress. Then I accidentally ran the Astra theme. However, you can use any theme. There is also a plug-in installed, which is the geneis blocks plug-in. Sorry. Activated. Confirmation. So, let’s create a new page. We will go to the block inserter from here. You can insert a core word press block here. Also, this layout imported from the genesis blocks plug-in can be navigated by category
. So, please continue, as we saw in the great collection, as a modern simulation of the genesis sub theme. Another great thing is that you can make your own things. Therefore, in addition to what the plug-in provides, you can also create your own collections and templates for reuse according to your own ideas. Let’s take a look at the second demonstration. Then I’ll show you how to create your own collection. Are you ready? We’ll move fast But I think you can keep up. All right, get out. Let’s start now. By the way, I will create this collection called the brew collection. Start at the front and work at the back. I will confirm whether the video is played. I see. Here we go. Confirmation. I repeat, we have all these separate parts. Then, all these parts are mixed and reassembled to form these page layouts. Therefore, if you go back and look at the collection of brewed wine I made, it will be much easier. But I have this five page section. Then, combine them to create the entire page layout. Well, this is the tutorial I follow up for this. Rob Stinson’s. I’ll share the link later. So rerun the Astra theme. Subject independent. Use themes that make you feel comfortable. Let’s continue to learn how to create a new page. This is the block inserter. And I’m showing this to show that this is the core word press block. Then go down. There are geneis blocks. When we talk about creating these custom collections, we can use a combination of core blocks and geneis blocks. Or, if you created a custom block, you can use it. Here’s what I do. Navigate to the block editor and create the layout. So please forget to collect for a while. It was only designed by the editor. I’m not a designer. Please don’t blame things for their looks. [laughter] I’m not going to show you how to do beautiful design here. So I created it in the editor and wanted to use it back to show how to create a plug-in. So I cut the page into all of these individual page parts and components. Confirmation. So let’s go back to Rob’s tutorial, where we will show the part he built for the demo plug-in. Then you will see that the plug-in must be cached first. So let’s build the structure of the plug-in. Then we will go to the code editor. Rob’s tutorial. Only the WordPress site is installed on the left. I have a plug-in geneis brew. Each folder and the main Genesis brew, which is the main plug-in file. In the tutorial, return to the next title. It is just a standard word press plug-in header. Then look. If you go to step 3 in Rob’s tutorial, register the collection and add the home page layout. Let’s switch back to full screen. Rob did a great job in this tutorial, so now we won’t dig into the details of the code. But I want you to see how this function works. This generic blocks register layout component. And this family. Entering the contents of the PHP file. Let’s take a look at the content. It’s just open PHP tags, returns, and many block annotations. Let’s see how it works. Tagging works because I think it’s cool. Confirmation. When you return here, the entire page layout
A formal tutorial on how to use Genesis blocks to create sections, layouts, and collections. That’s an official document. The next header symbol is rob Stinson’s tutorial in the first half of the session. And I know we talked a lot about him. Rob is the product marketing manager of WP engine. He uses geneis blocks and geneis custom blocks to perform many tasks. For those excellent materials, I thank him. Finally, in the second demo I showed, GitHub has the code for my demo plug-in. For demonstration and training purposes only. I wouldn’t say it’s ready for production. Therefore, please use with care. Thank you for participating in this session. Thank you. Cheers.
