Beginners Guide: WordPress template editing mode and site editor

In WordPress 5.8, you can use a powerful new feature -the WordPress template editing mode.

WordPress template editing mode allows you to use conventional WordPress block editors to design custom templates for your posts and page design. It is part of the new feature set called WordPress Complete Site Edit. It is only the first of the many upcoming features. Let you use the Basic template of the editor to edit the WordPress website.

In this article, you will learn about all information about the WordPress template editing mode, including:

    What is this,

  • How to access it, [ 123]

  • How to design a custom template.
  • We will also show you the future of the template editing through the experimental WordPress site editor function. Although the last feature of this article is not included in the core WordPress software, it is under development, so you will soon be familiar with it.

What is the WordPress template editing mode?

WordPress template editing mode is just like its name. It is not the content

that allows you to edit your post, but to let you edit the

template

. For example, it allows you to control the placement of post title, post content, post author, etc. When you allocate the template for the post, the content of the post will be automatically displayed according to your template. If you are familiar with the WordPress theme builder tools, such as Elementor Pro theme Builder, Divi 4.0, or Beaver Themer extension of Beaver Builder, WordPress template editing mode uses the same basic methods as all these tools.

The main difference is that WordPress template editing mode uses native WordPress block editors. Therefore, it does not need to install any additional plug -in, nor do you need any code knowledge.

Catch the #WordPress website #editor? The following is how to use it to build custom#Templates️

Click

How to access the WordPress template editing mode

To access the template editing mode of a single post or page, you will start with WordPress editor.

Published

In the sidebar of the sidebar, you should see a

template

. To create a new template and start the template editing mode, you can click

New

option: Then you can use the template for the template Name and click

to create

to start the editing experience:

如何访问 WordPress 模板编辑模式

Note – If your theme support For template editing mode, you will only see this option. If you

do not

see the option to create a new template, it means that your theme does not support it. You can ask the theme developer to add support, or you can manually add support by adding the following code fragment to the sub -theme

functions.php 在 WordPress 模板编辑模式下命名您的模板 or plug -in like code fragments.

add_theme_support (\u0026#39; block-templates \u0026#39;);

How to use WordPress template editing mode After opening the template editing mode, let us understand how to use it to design the template of the website.

Let’s start from the foundation -the template editing mode uses the editor that is exactly the same as you create a post and page. You will get the same content editing interface, you will use the same block -based design system, and so on.

The main difference is that you are not creating static

design, but automatically extract the content

dynamic

template from your site.

Use the theme block

To customize your template, you will use a set of themeThe special block of the block . These theme blocks do not allow you to add static content, but to let you use the content in the site dynamic to fill the template.

At present, you get the following blocks: 使用 WordPress 模板编辑模式

Post title

-The title of the post automatically displayed. The content of the post —— automatically display the main content of the post.

Post special pictures

    -From the characteristic picture of the post.

  • Release Date
  • -The release date of the post.

  • Post excerpt
  • -From the excerpt of the post.

  • The future version of WordPress will add more theme blocks to provide you with greater flexibility.
  • For example, suppose you want ] Above

. To this end, all you need to do is to add post characteristic picture blocks above the post title block:

You can also add static content to the template to the template Essence For example, maybe you want to add a appeal term (CTA) box under the content of the post. To create this CTA, you can use conventional blocks. All posts using this template will automatically display the static CTA under its content. After allocating the template to the post

After creating some templates, you can use post to set the

template in the sidebar The ground is allocated to the content:

WordPress主题块

Please remember-if you update the template in the future, these changes will be applied to every use of this template every time A post.

WordPress website editor: The future of WordPress template editing

Although the WordPress template editing mode is currently focusing on creating a custom post template, you will be able Edit all theme templates, including header, foot, blog list page, etc.

通过 WordPress 模板编辑模式将模板分配给帖子

To edit these templates, you will use different tools, which is currently called the WordPress site editor.123]

The WordPress site editor is very similar to the template editing mode. The only real difference is the specific template you can edit.

Generally speaking:

Template editing mode

– Allow you to edit templates and assign them to various posts or pages. WordPress site editor -M allows you to create a template for the site range for your site. For example, you can create a template that uses all blog articles by default ( You can still use another template created by the template editing mode when you need it to cover this default template ).

How to access the WordPress site editor

When we write this article, the core WordPress software currently

No

provides the WordPress site editor mode. However, you can access it through the experimental plug -in version of the Gutenberg project.

  • In order to visit the WordPress site editor, you need to meet two conditions:

You need to use the WordPress theme that supports the entire site editor. You can use the full site editing filter on WordPress.org to find these themes.

You need to install the Gutenberg plug -in, which is a Beta playground containing experimental functions.

Since these two elements are still in the trial stage, we do not recommend this operation on the real -time website of receiving traffic.

After meeting these two conditions, you will see a new site editor in the sidebar of the WordPress instrument panel

]

  1. How to use WordPress website editor
  2. WordPress site editor interface and template editing mode
  3. is almost the same

. The only difference is:

You can get the interface option to switch quickly between different templates.

You can access more dynamic theme blocks to design templates.

访问 WordPress 站点编辑器

You can click the wordpress emblem in the upper left cornerLight to open the template browser. This will allow you to quickly switch between templates and create new templates when needed:

    [ 123]

Immediately began to use WordPress template editing mode

WordPress 网站编辑器界面

WordPress template editing mode is a new feature, as follows With WordPress further entering the complete site editing, it will play an increasing role in WordPress.

Beginners Guide: #WordPress #Template edit mode and site editor ️ Click tweet

]

在 WordPress 站点编辑器中的模板之间切换

Template editing mode is just the beginning. Although the current feature allows you to use block editors to design posts or pages templates, the final startup of a complete WordPress site editor will enable you to completely access the basic site range template that can fully access the theme.

If you want to know more information about this topic, please see our introduction to WordPress complete site editing.

We also have some of the useful posts that use WordPress block editors, create custom WordPress post templates, and other useful posts to use blocks in small parts.

Are there any questions about the function?

Let’s know in the comments!

Free Guide

Five basic techniques to speed up speed

Your WordPress website

will shorten the loading time by 50-80 % Just follow simple prompts. free guide

Author:

Leave a Reply

Your email address will not be published. Required fields are marked *