ThemeGrove – Your Definitive Documentation Companion

Home » Documentation

Please install and activate all the recommended plugins for a better experience and to achieve the exact look of the theme demo.

Through the WordPress Dashboard:

  • Log in to your WordPress admin dashboard.
  • Navigate to “Appearance” and click on “Themes.”
  • Click the “Add New” button.
  • Choose the “Upload Theme” option.
  • Click on the “Choose File” button, select the theme ZIP file from your computer, and click “Install Now.”
  • Once installed, click on “Activate” to apply the new theme.
  • Login to your WordPress Dashboard.
  • Go to Settings > Reading.
  • Under the “Your homepage displays” section, select the “A static page” option.
  • From the dropdown menu next to “Homepage”, select the page “Home” for your homepage.
  • If you want to set a page for your blog posts, select the page “Blog” or you created for posts from the dropdown menu next to “Posts page”.
  • Click the “Save Changes” button to save your settings.
  • Step 1: Access the Gutenberg Editor
  • Step 2: Enter Block Editing Mode
  • Step 3: Adjust Block Settings
  • Step 4: Save Your Customizations
  • Login to your WordPress Dashboard.
  • Navigate to “Appearance” and then click on “Editor”.
  • Go to “Patterns” where you’ll find patterns and template parts.
  • Click on “Header” to access the header editor page.
  • Navigate to toggle block inserter and search “site logo”
  • You can add a new site logo or favicon and customize dimensions according to your preferences.

1. Add new page:

  • Login to your WordPress Dashboard.
  • Navigate to Pages and click on “Add New Page”.
  • You will be taken to page editor screen and you can add title and content.
  • Once you’ve added your content, you can either save it as a draft to work on later or click the “Publish” button to make it live on your website.

2. Add new posts:

  • Login to your WordPress Dashboard.
  • Navigate to Posts and click on “Add New Posts”.
  • You will be taken to post editor screen and you can add title and content.
  • Once you’ve added your content, you can either save it as a draft to work on later or click the “Publish” button to make it live on your website.
  1. Create a New Page or Edit an Existing One: In the WordPress admin dashboard, create a new page or edit an existing one.
  2. Access the Site Editor: Use the “Site Editor” to visually customize your site. This is where you can add and arrange blocks to build your site’s layout.
  3. Browse and Apply Patterns: In the Site Editor, there should be an option to browse and apply patterns. Patterns are predefined combinations of blocks that you can use for various sections of your site. Look for a “Patterns” or “Block Patterns” tab in the block inserter.
  4. Select and Customize the Pattern: Choose a pattern that suits your needs. Patterns may include layouts for headers, footers, content sections, and more. After selecting a pattern, you can customize the content within each block.
  5. Save and Publish: Once you are satisfied with the pattern and its customization, save your changes, and publish the page.


In WordPress, changing the page template involves selecting a different template for a specific page. Here’s a step-by-step guide on how to change the page template for a WordPress page:

  1. Access the WordPress Admin Dashboard:
    • Log in to your WordPress admin dashboard.
  2. Navigate to Pages:
    • From the dashboard, go to “Pages” in the left-hand menu.
  3. Edit the Page:
    • Locate and click on the page you want to edit.
  4. Access the Page Attributes Meta Box:
    • On the right side of the page editor, you’ll find a meta box named “Page Attributes.” If you don’t see this box, you might need to enable it by clicking the “Screen Options” tab at the top of the page editor and checking the “Page Attributes” option.
  5. Choose a Template:
    • In the “Page Attributes” meta box, you’ll see a “Template” dropdown.
    • Open the dropdown and select the template you want to apply to the page. The available templates depend on your theme and its support for custom page templates.
  6. Update or Publish the Page:
    • After selecting the desired template, click the “Update” or “Publish” button to save your changes.

To customize a dynamic query loop you can follow these general steps:

  • Identify the Query Loop Block: In the editing page, locate the Query Loop block. This block dynamically fetches and displays posts based on specified parameters.
  • Customize Query Parameters: Within the Query Loop block settings, you can customize various parameters such as post type, taxonomy, post status, number of posts to display, sorting criteria, and more. Adjust these parameters according to your requirements to filter and display the desired content.
  • Design the List Layout: Customize the layout of the list where the queried posts will be displayed. You can use various blocks such as Paragraph, Heading, Image, or any other relevant blocks to design the layout.
  • Insert Dynamic Content: Use appropriate blocks within the list layout to insert dynamic content from the query loop. This typically involves using blocks like Post Title, Post Content, Post Excerpt, Post Date, Post Author, etc., to display content from the queried posts dynamically.
  • Apply Styling: Apply styling to the list and its elements using the FSE theme’s styling options or custom CSS to ensure the design matches your website’s overall aesthetic.
  • Preview and Save: Preview the changes to ensure they appear as expected. Once satisfied, save the changes to make them live on your website.
  • Login to your WordPress Dashboard.
  • Go to Appearance > Theme Editor.
  • Navigate to the template files where you want to apply custom CSS.
  • Look for the Styles option. It’s usually located at the top-right of the editing page.
  • Click on it, and you’ll see a “Additional CSS”.
  • Click on “Additional CSS” and you’ll see a text area where you can add your custom CSS.
  • Login to your WordPress Dashboard.
  • Go to Appearance > Editor.
  • Click on “Templates” and then select the template parts that you wish to restore to their default settings.
  • You’ll see three dots positioned on the left side of the edit options of the template parts that you’ve modified.
  • Click on the three dots, and you’ll be presented with an option to reset the customization.
  • Select the button to restore the default layout for template parts.
  • Log in to Your WordPress Dashboard: Go to your WordPress website’s admin area. Typically, you can access it by adding /wp-admin to your site’s URL and then logging in with your credentials.
  • Navigate to WooCommerce Products Section: Once logged in, navigate to the “Products” section in your WordPress dashboard. You can find it on the left-hand side menu.
  • Add New Product: Click on the “Add Product” button at the top of the page to create a new product.
  • Enter Product Details:
    • Product Title: Enter the name of your product.
    • Product Description: Add a detailed description of the product. This should include features, specifications, and any other relevant information.
    • Product Categories and Tags: Assign categories and tags to help organize and classify your products.
    • Product Images: Add images of your product. You can upload multiple images to showcase different angles or variations.
    • Product Data: Set the product type (simple, variable, grouped, etc.), price, inventory details, shipping settings, and more. This section may vary depending on the type of product you’re adding.
  • Set Product Attributes (if applicable): If your product has different variations such as size, color, etc., you can set attributes and variations in the “Attributes” tab. For example, if you’re selling a t-shirt, you can set attributes for size (small, medium, large) and color (red, blue, green).
  • Publish or Save Draft: Once you’ve entered all the necessary information, you can choose to publish the product immediately or save it as a draft for later editing.

1. Customize cart page:

  • Login to your WordPress Dashboard.
  • Go to Appearance > Editor.
  • Click on “Templates” and then select the cart page.
  • You’ll be redirected to a editing page where you can customize cart page and save the changes.

2. Customize checkout page:

  • Login to your WordPress Dashboard.
  • Go to Appearance > Editor.
  • Click on “Templates” and then select the checkout page.
  • You’ll be redirected to a editing page where you can customize checkout page and save the changes.

3. Customize mini-cart page:

  • Login to your WordPress Dashboard.
  • Go to Appearance > Editor.
  • Click on “Patterns” and then select the mini-cart page.
  • You’ll be redirected to a editing page where you can customize mini-cart page and save the changes.