What you can do with the WordPress 6.2 editor Beginners

A brief description of what you can do with the emulsion theme using the site editor.

  1. Choose a site design
  2. Change to grid layout
  3. Change the basic design of the block
  4. add a sidebar
  5. Static pages use a different content width than post pages
  6. Change headers and footers
  7. When the full width does not appear in the menu, use a trick to make it full width
  8. Undo customization

Choose a site design

Select on the right sidebar to display the style list.

Hover the mouse over the icon list to display the style name.

Change to grid layout

The easiest way to display the archive in a grid is to select Grid (Only Front End) below from the style list.

Change the basic design of the block

On the Style List page, click the eye icon to open the Style Book.

Style Book You can select colors and write CSS in the items on the right sidebar.

Notes on CSS settings

add a sidebar

Select the icon to open the template editing screen.

Sidebar installation guide

Static pages use a different content width than post pages

Select Editor/Templates/Pages and click the pencil icon.

In the left sidebar, select Groups

Specify a fixed page width for the container items in the right sidebar

Change headers and footers

The emulsion theme by default restricts the WordPress Patterns Directory patterns, so change the customizer/theme schemes/core block patterns entry to valid.

Block Pattern

The emulsion theme by default restricts the WordPress Patterns Directory patterns, so change the customizer/theme schemes/core block patterns entry to valid….

If you click Replace Site Title + Header Image, a header pattern will be displayed and you can replace it with your favorite one.

When the full width does not appear in the menu, use a trick to make it full width

Open “Advanced settings” in the right sidebar and add the alignfull class for full width and the alignwide class for wide width to additional CSS classes.

Undo customization

Undo template changes

If you have customized it, it will be displayed as customized, so you can click the three vertical dots displayed on the right side to delete the customization.

Customizations to template parts can be removed as well.

Style customization can be deleted from the following menu on the style list page.