ThemeGrove – Your Definitive Documentation Companion
Please install and activate all the recommended plugins for a better experience and to achieve the exact look of the theme demo.
Step 1: How to install wordpress theme ?
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.
Step 2: How to access site Editor ?
- Log in to your WordPress admin dashboard.
- Navigate to “Appearance” and click on “Editor.”
Step 3: How to set homepage and latest posts page?
- 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 4: How to edit wordpress blocks ?
Editing WordPress blocks is a straightforward process using the WordPress block editor. Here’s a step-by-step guide on how to edit blocks in WordPress:
- Access the Block Editor:
- Log in to your WordPress admin dashboard.
- Navigate to the post or page you want to edit.
- Click on the “Edit” button to open the block editor.
- Locate the Block:
- In the block editor, your content is organized into blocks.
- Find the block you want to edit. Each block has its own set of editing options.
- Select the Block:
- Click on the block you want to edit. The block toolbar and block settings will appear.
- Edit Text and Content:
- If it’s a text block, click inside the text box to edit the content.
- For other blocks, look for specific settings in the block toolbar or the block settings panel on the right.
- Use the Block Toolbar:
- The block toolbar appears above the selected block and provides options for common formatting and alignment.
- Use the toolbar to make text bold, italic, align content, and more.
- Block Settings Panel:
- On the right side of the editor, you’ll find the block settings panel.
- It provides additional options and settings specific to the selected block.
- Customize the block settings as needed.
- Advanced Settings (if applicable):
- Some blocks may have advanced settings or additional options.
- Look for an “Advanced” section in the block settings panel to access more customization options.
- Preview Changes:
- To see how your changes will look on the front end, use the “Preview” button to preview the post or page.
- Save Changes:
- Once you’ve made your edits, click the “Update” or “Publish” button to save your changes.
- Undo and Redo:
- If you make a mistake, you can use the “Undo” and “Redo” buttons in the toolbar or press
Ctrl + Z
(Windows) orCmd + Z
(Mac) to undo changes.
- If you make a mistake, you can use the “Undo” and “Redo” buttons in the toolbar or press
Step 5: How to change default style and layouts ?
- Step 1: Access the Gutenberg Editor
- Step 2: Enter Block Editing Mode
- Step 3: Adjust Block Settings
- Step 4: Save Your Customizations
Step 7: How to add or change favicon?
- 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.
Step 8: How to add new page and post?
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.
Step 9: How to use pre-build patterns and templates ?
- Create a New Page or Edit an Existing One: In the WordPress admin dashboard, create a new page or edit an existing one.
- 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.
- 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.
- 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.
- Save and Publish: Once you are satisfied with the pattern and its customization, save your changes, and publish the page.
Step 10: How to change page template ?
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:
- Access the WordPress Admin Dashboard:
- Log in to your WordPress admin dashboard.
- Navigate to Pages:
- From the dashboard, go to “Pages” in the left-hand menu.
- Edit the Page:
- Locate and click on the page you want to edit.
- 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.
- 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.
- Update or Publish the Page:
- After selecting the desired template, click the “Update” or “Publish” button to save your changes.
Step 11: How to customize dynamic query loop?
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.
Step 12: How to add custom css?
- 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.
Step 13: How to reset default layouts for templates?
- 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.
Step 14: How to install recommended plugin?
- Login to your WordPress Dashboard.
- Go to the Plugins > Add New Plugin.
- You’ll be redirected to a page where all needed plugins are listed. Proceed to install each plugin by clicking on the “Install” button beside its name. Install all the plugins listed on the page.
Step 15: How to add products on WooCommerce?
- 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.
Step 16: How to customize products?
Step 17: How to customize cart, checkout and mini-cart page?
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.