Introduction

Welcome to WebsiteinWP, Our all themes comes with full site editing (FSE) Compatible and Block based editor so that theme instruction and guideline works same for all of our themes.

Installing and Activating Theme

There are 2 ways to install Theme (eg: Blogpoet): 

1. Installing using ZIP file:

• Download the theme (for example blogpoet theme) installation file from here by clicking the Download button.
• Login to your WordPress website and go to Appearance > Themes
• Click on the Add New button and then click on the Upload Theme button
• Chose the .zip file you downloaded (logpoet.zip)
• Click on the Install Now button
• After the theme is installed, click on the Activate button.

2. Installing using WordPress Theme Directory

• Go to Dashboard > Appearance > Themes
• Click on the Add New button. In the search field, type theme name (eg: Blogpoet) and hit the Enter key.
• Now, click on the Install button and then the Activate button to install and activate the theme.

Recommended Plugins

You must install and activate the following plugins to get the best out of the our themes.

1. TemplateGalaxy
   
   Template Galaxy is our Companion Plugin for WebsiteinWP, Which provides basic patterns, templates, one click demo importer features and pro activation mechanism for our premium products.
   
   
   
2. Advanced Import
   
   This plugin is only used for the demo importer time, once you imported the demo you can delete this plugin.

Importing Demos

After you install and activate the theme and the plugins, follow the steps below to import demo content:

• Go to Appearance > Demo Import
• Click on the “Import” button of the demo you want to import
• Read the confirmation message and click on “Yes, Import Demo!”
• You may need to wait a while because it may take some time.
• That’s all, your demo will successfully be imported and you can start editing your content.

Customizing Header

After you install and activate the theme and the plugins, follow the steps below to import demo content:

• Log in to your WordPress Dashboard.
• Click “Edit Site” at the top.
• Under areas, click on the header section to customize it.
• Save your changes.

OR

• Go to “Appearance” in the Dashboard.
• Click “Editor.”
• Choose the “Patterns” tab.
• Under template parts, select “Header” to customize it.
• Save your changes.

Customizing Footer

• Log in to your WordPress Dashboard.
• Click “Edit Site” at the top.
  
• Under areas, click on the footer section to customize it.
• Save your changes.OR

• Go to “Appearance” in the Dashboard.
• Click “Editor.”
• Choose the “Patterns” tab.
• Under template parts, select “Footer” to customize it.
• Save your changes.

Typography Settings

To customize the typography:

• Log in to the WordPress admin Panel.
• Go to Appearance > Editor
• Click on the styles icon at the top right
• You will see an option for typography, click on it. 
• You can now edit the typography from this section.

Color Settings

To change the theme’s colors or to add your own custom colors,

• Log in to the WordPress admin Panel.
• Go to Appearance > Editor
• Click on the styles icon at the top right
• Now, click on the colors tab and go to the palettes section.
• You can now choose whichever color you like or even add your own custom colors.

Adding/Editing Logo/Brand

You can add/edit the site logo of your website by following these steps:

• Log in to the WordPress admin Panel.
• Go to Appearance > Editor
• Click on the template part where you want to add/edit your logo
• Click on the blue ‘+’ symbol on the top left
• Search for ‘site logo’ and add it
• Now, upload your site logo
  
• You can edit the logo from the dashboard on your right.

Adding/Editing Site Icon/Favicon

To add/edit the Site icon/favicon, follow these simple steps:

• Log in to the WordPress admin Panel.
• Go to Appearance > Editor
• You can also choose your site logo to be your site icon by clicking on the site logo and enabling the ‘Use as site icon’ option. 

• If you want to use a different favicon than your site icon then click on ‘Site icon settings’ 

• This will redirect you to a new tab where you can add your site icon/favicon

• Now, set your site icon from here.

Adding/Editing Navigation

• Log in to the WordPress admin Panel.
• Go to Appearance > Editor
• Go to Navigation and select the navigation you would like to edit
• You can add, remove, or update your navigation from this dashboard.

Customizing Templates

• Log in to the WordPress admin Panel.
• Go to Appearance > Editor
• Go to Templates and select the template you would like to edit and start customizing

Customizing Templates Parts

• Log in to the WordPress admin Panel.
• Go to Appearance > Editor
• Go to patterns and at the bottom, you will see template parts. 
• Select the template you would like to edit and start customizing

Customizing dynamic Query Loop

You can add a dynamic query loop to your website by following these steps:

• Log in to the WordPress admin Panel.
• Go to Appearance > Editor
• Click on the template part where you want to add a query loop
• Click on the blue ‘+’ symbol on the top left
• Search for ‘query loop’ and add it
• You can now choose a pattern for your query loop or start from scratch.
• Choose from this range of patterns for query loop or create your own.
• Now to customize the dynamic query loop, select the query loop and disable ‘Inherit query from template’.
• Now, by going into display settings, you can customize your query loop.
• You will also find other customization options on the right side of the editor.

Reset/Restore default layout for Templates/Template Parts

To reset or restore the default layout for templates or template parts, follow the steps below:

• Go to Admin Dashboard > Appearance > Editor
• Now, click on the ‘Templates or Template Parts’, whichever you would like to restore
• You will see three dots around the template or template parts you have modified
• Click on the three dots and you will get an option to clear customization.
• Click on the button to restore the default layout for templates or template parts.