The Themes page displays a visual list of all the themes that are currently installed and provides a number of different options for each theme. Users can activate a theme that is not currently active, display a live preview of the theme and show the details of the theme like description from the style.CSS or delete the theme from the site.
At the top, the Themes page provide some information and a screenshot of the currently active theme, along with links to customize options and features that the theme supports as shown in the image below.
The theme functionalities can be known easily by using the Details and Preview tag on each theme. Users can even use the option Feature Filter to filter the required themes, as shown in the image below:
By clicking the Feature Filter option, a page appears as shown in the image below:
Simply check the Color, Layout, Features, Subject tags as per the need and click the Apply Filters button as shown in the image above.
Immediately after applying the filter options, a page with some themes as per the filter options will appear. After checking the details, preview select the preferred theme by clicking the Install button as shown in the image below:
After clicking the Install button, a page showing the installation process will appear. After successful installation, the page with three links like Live Preview, Active, Return to Theme installer will appear. Click the Active link to activate the theme for site as shown in the image below:
Now, go to the front page of the site and check the outview of the site for the above installed theme as shown in the below image.
In order to upload, go to Themes -> Install Themes section -> click Upload button as shown in the image below.
Now choose the file location by clicking the Choose File button and install the theme by clicking the Install Now button as shown in the image below.
Now, a page appears after clicking the Install button showing the installation process, after successful installation the page provides three links like Live Preview, Active, Return to Theme installer. Proceed by clicking the Active link in order to activate the theme for site as shown in the image below.
Now, go to the front page of the site and check the output view of the site and the view for the above theme is shown in the below image.
The page provides different setting options like Colors, Widgets, Background images, and General Settings.
In order to customize the page, go to the Appearance window -> and select Customization as shown in the image below:
Now, a page with options to customize the site structure will appear as shown in the image below:
Now, a page with options to select a image from the local drive appears. Click the Select File button as shown in the image below:
Upload the image file and select the image. Click Select button in Media Library section as shown in the image below:
Now, the page with a cropping option appears. Crop the image and the page will redirect to the Site Identity. Proceed by clicking the Save & Publish button as shown in the image below:
By clicking the Select Image button, a page with options for selecting the image file appears as shown in the image below:
Select uploaded image from Media Library and proceed by clicking Choose Image button as shown in the image below:
Now, a Navigation Menu appears on the left hand side of the screen with some options for adjusting the image. After making all the adjustments, click the button Save & Publish as shown in the image below:
In order to add a new menu, go to Customization section ->. Select Menu tab -> and click Add a Menu button as shown in the below image:
Now, the navigation menu on the left hand side displays an option and a Create Menu button for creating menu name as shown in the image below:
Custom menus contain links to pages, categories, custom links, Posts and Tags or other content types and can create as many menus as required. But, the ones that are active on the site are the ones that have been assigned to specific menu areas in the Theme Location section. The image below displays the menu settings for the added menu.
The image below displays the Widgets tab on the Customization section.
Clicking the Blog Sidebar gives a list of widgets that are to be displayed at the Footer section of the site. The Widgets can be Reorder and a new widget can be added using the ADD a Widget button. The image below displays the Blog Sidebar section in Widgets.
Each widget in this section contains some options, for example the Recent Comments option contains a Title space and Number of Comments. All the added things can be removed using the Remove option as shown in the image below:
Footer Widget Area
The Footer Widget Area contains the navigation menu. By clicking the Add a Widget button, the section displays a side navigation menu as shown in the image below:
By clicking the preferred menu, the Widget gets added to the footer part and can be deleted if required using the Delete option as shown below:
Users can even do some general settings to the website like changing the Blog page title, providing links to each box and more. After making all the required changes, proceed by clicking Save and Publish button as shown in the image below:
The image below displays the Home Box section in the Customization widget.
The inactive widgets area is the section where the user can disable the widgets, but wants to save the settings. While switching themes to a theme that supports fewer widget areas, some of the widgets can be placed here. The image below displays the Widget section:
The default widgets that are built into WordPress are as follows: