Complete guide to installing the WoodMart theme and enabling Gutenberg blocks

In e-commerce website building, choosing the right page editor is very important to enhance the flexibility and customization of your website. ForWoodMartFor theme users, enabling theGutenbergBlocks are an effective way to increase page editing freedom. Below are detailed steps to help you smoothly enable the Gutenberg editor in your WoodMart theme.

Activate Theme License

First, you need to activate theWoodMartTheme to get started. Just go to the theme license section to activate it. If you plan to customize the theme in the future, it is recommended to install thesubthemeThe

A child theme helps you make changes without affecting the main theme and avoid losing customization settings when the theme is updated.

Installing the Gutenberg Editor

Next, you need to install and enableGutenbergeditor (software)This isWoodMartThe main page builder supported by the theme. The steps are as follows:

• go intopage buildersection, selectGutenbergas the default editor.

• Optionally, you can install specific plug-ins, or clickInstall and activate all buttons, quickly completes the plugin installation.

After completing this step, the Gutenberg editor will be enabled and you can start using the tool to design and customize pages.

Selecting and importing pre-built websites

In order to build a website quickly, theWoodMartThe theme offers a wealth of pre-built website templates. Choosing and importing a suitable template can save a lot of design time and provide you with basic page layouts and styles.

• Choose a pre-built website template that meets your needs.
• Click the Import button to import the template content into the site.

• Once the import is complete, you can view and check the results of your new site to make sure that the template and layout meet the requirements.

Enabling Gutenberg Blocks

Updated to includeGutenbergAfter the theme version of the editor, you need to add theTheme SettingEnable the Gutenberg block feature in. This enables you to use the Gutenberg editor for page building. The steps to do this are as follows:

• leave forWoodMart Theme Settings -> (sth. or sb) elseEnableGutenberg blockOptions.
• Current builder options: This option determines which builder will be used for content imported from the pre-built site. SelectGutenberg blockAfter that, you can use the Gutenberg editor to create and customize page content.

With these options enabled, you can use the Gutenberg editor to easily create page layouts that meet your needs.

Using Kadence Blocks with the Gutenberg Editor

In the Gutenberg editor, click the plus sign (+) and select the Kadence block and start adding the layouts and content modules you need. For example, you can add Row Layout block to create a multi-column layout, or use the Advanced Button blocks to design personalized buttons.

• Customize your design

With the customization options provided by Kadence Blocks, you can set custom styles for each block. For example, you can choose the color, size, and alignment of the buttons, adjust the width of the columns, or add effects such as transition animations to the images.

• Publish and optimize

Once the design is complete, make sure to preview your page on different devices to check how responsive the page looks. Before publishing, you can use Kadence's Site Layout feature to adjust the global settings of the page to ensure that the page behaves as you expect on each device.

summarize

The above steps show how toWoodMartEnableGutenbergblocks to enhance the flexibility and freedom of page editing. Combining pre-built website templates and the Gutenberg editor, you are able to efficiently build an online store that is both aesthetically pleasing and functionally compliant.