Skip to main content

🍱 Customization

This theme offers comprehensive support for full site editing, allowing you to easily customize various elements of your website. You can effortlessly change the logo, update the navigation menu, and even create your own post templates. With these powerful features, you have the flexibility to tailor your website to your exact preferences and requirements.

Full site editing​

Full Site Editing (or "FSE") is a group of connected capabilities that enables you to use blocks to update your entire website. As a result, there are more applications where you may use the Block Editor's comfortable and flexible experience.

To start making changes to the website, navigate to Appearance > Editor

tip

TL;DR β€” Browse through the Templates and Template parts menu in the full site editor and make any changes you wish! You can revert the changes at any time.

Theme options​

The Gutenmate plugin offers options for the theme. The Gutenmate plugin options page can be used to manage options. More information here

  1. Navigate to Appearance > Editor > Template Parts and choose any template that begins with Home or Header.
  2. In the template editor, Click Site logo block and click Replace. Choose or upload new website logo.
  3. Click Save.
  4. Now all templates that use the Site logo block will be updated automatically except some templates that has own logo image block. You may check again in the template editor.

Editing primary navigation​

  1. Navigate to Appearance > Editor > Template Parts and choose Navigation – Primary.
  2. To add top-level menu item, Click on the Mega menu block and click the black Plus icon.
  3. To add sub-level menu item, Click on the top-level menu item and click the white Plus icon.
  4. You can add any block to decorate the sub-menu, such as text, image or grid.
  5. Click Save.

Editing mobile navigation​

  1. Navigate to Appearance > Editor > Template Parts and choose Popup - Entire site.
  2. Click on the Sliding Panel block and click the Navigation block.
  3. Edit the navigation block to have your mobile navigation.
  4. Click Save.

Editing colors​

  1. Navigate to Appearance > Editor and click the Styles button at the top right of the screen.
  2. In the Styles panel, Click Colors > Palette. The theme's solid colors and gradient colors will be shown.
  3. To edit the color, Click the 3-dots button in the Theme section and choose Edit colors or Edit gradients.
  4. Now you can change any color. After finished, Click Done.
  5. Click Save to apply changes.

  1. Navigate to Appearance > Editor > Template Parts and choose any template that begins with Home or Header.
  2. Locate the Icon links block, which is used to display social links, in the template editor.
  3. To add new social link, Append an Icon link block into Icon links block.
  4. Click Save.

Editing social share​

  1. Navigate to Appearance > Editor > Template Parts and choose any template that begins with Single post.
  2. Locate the Post share block, which is used to display social share links, in the template editor.
  3. Change the social links in the Social networks option of the block.
  4. Click Save.

Adding author social networks​

You can add social networks for authors. The information will be shown in the About author block.

  1. Navigate to Users > All users and click the user you want to edit.
  2. Or navigate to Users > Profile for editing the current user.
  3. At user edit page, scroll down to the Additional options section.
  4. Enter information about a social network. You can sort the order of links by clicking the arrow button.
  5. Click the Update user button.

Editing widgets & sidebar​

There are no longer any widgets like there were in classic-themes because this theme offers full site editing.

In the full site editor, there is a sidebar template that you can edit or create your own sidebar.

  1. Navigate to Appearance > Editor > Template Parts and choose a template named Sidebar or create your own template by clicking the Add new button and select the Sidebar area.
  2. Add any block you want to the sidebar template.
  3. Click Save.
  4. You can use the sidebar template on any page by adding a Template part block and choosing the desired sidebar.

Customize post & page templates​

  1. Navigate to Appearance > Editor > Templates.
  2. To customize post template, Select a template that begins with Single post.
  3. To customize page template, Select a template that begins with Single page.
  4. Modify the template as you wish.
  5. Click Save.

Customize review template​

  1. Navigate to Appearance > Editor > Template Parts and select a template that begins with Review.
  2. Modify the Review template block as you wish.
  3. Some review element blocks is avaialable only inside the review template block. Please click the Add block button inside of the review template block instead of using the add block button in the editor toolbar.
  4. Click Save.

Customize recipe template​

  1. Navigate to Appearance > Editor > Template Parts and select a template that begins with Recipe.
  2. Modify the Recipe template block as you wish.
  3. Some recipe element blocks is avaialable only inside the recipe template block. Please click the Add block button inside of the recipe template block instead of using the add block button in the editor toolbar.
  4. Click Save.

Editing AMP templates​

Navigate to Appearance > Editor > Template Parts. All templates that begins with AMP is for displaying AMP page as the following

  • AMP - Page for displaying individual page.
  • AMP - Single Post for displaying individual post.

In case you need to create a template for other pages such as home page or archive page. Click the Add New button and enter template name. All available template names as the following

  • AMP - 404 for displaying the 404 page.
  • AMP - Search for displaying the search page.
  • AMP - Front page for displaying the front page.
  • AMP - Archive for displaying the archive page.
  • AMP - Attachment for displaying the attachment (media) page.

After created the new AMP template, Navigate to AMP > Settings and recheck the supported templates in the Advanced Settings section.

Adding Ad Code​

To add an ad code for all slot in website without editing the template, Please navigate to the Gutenmate menu in the admin area and click the section Advertisement. The Ad Code Preset option can be found in this section.

Just click the ad size you want to insert the code and paste into the textbox.

Click the button Save and go to your website to check the result.