WordPress appearance customise screen depend on the specific theme. In addition, this screen is different for each Theme that enables and builds it. The Theme Customizer allows you to preview changes to your site before publishing them. You can also navigate to different pages on your site to preview them. You can also see how your site will look like in mobile, tablet, and desktop contexts before making changes to its appearance. Here you can change background images/colors, add titles, and do much more.
Click on Appearance → Customize. The “customize” screen will be displayed. Here we have activated Twenty seventeen Theme.
As can be seen, on the left side we have the customizing section, and on the right side we have the theme you have chosen. So any changes you make on the left side will be displayed on the right side of the page. Here are a few options you must know −
Active theme − In this section, you can change the current theme just by clicking on ‘Change’.
When you click on ‘Change’ you get a list of themes, click on any of the themes, and then click ‘Save & Continue’. Your theme will be saved.
- Site identity: Site Title: Here you can add site title. Tagline − In this section tagline you want to add to your website.
- Colors: You can change your header text color using this section. As you scroll through the colors you find changes happening on the right side of your page. You can even add a color of your own into the box that is situated in between ‘Current color’ and ‘Default’.
- Header Media: Add a header image either by selecting from the suggestions or you can add an image of your own by clicking on ‘Add new image’.
- Menu: Menu
- Widgets: Add widgets to your site from here.
- Homepage Settings: Here you can select the home page of your site. You can choose fixed page or post page as you wish.
- Addition CSS:
When you click on the arrow mark the following image appears.
This menu allows you to specify basic site information.
- Logo – Site logo image such as corporate symbol
Click Select Logo to open the Media Library. Select an image from it or upload the new image from Upload Files Tab screen and click Choose logo button at the bottom right.
Click Remove or Change logo to remove or change site logo image.
- Site Title – Text box for the site title.
- Tagline – Text box for tag line.
- Display Site title and tagline – Checkbox to enable or hide the display of title and tag line
- Site Icon – The Site Icon is used as a browser and app icon for your site.
Click Select Image to open the Media Library. Select an image from it or upload the new image from Upload Files Tab screen and click Select button at the bottom right.
Colors menu allows the customization of color of site, title and background as displayed by the theme.
Color Scheme– Color Scheme is a color preset for the theme. Choose your favorite color pattern from this dropdown box. You may change each component color after this selection.
Select an optional header image or media. See below screen.
Here you can see of your created menu. You can add modify or delete menu items as well as new menu items from here.
Menu or Navigation allows the definition of the placement of your menu. Select which menu appears in the location. Alternatively, you can also create menu by going through- Administration > Appearance > Menus
Themes usually have at least 1 or 2 sidebars. Sidebars are the narrow columns to the left or right of your blog posts. Each section in the sidebar is known as a “Widget” that you can add or remove, and move up or down.
You configure Widgets in your sidebar by via this Widgets menu. Although you can configure Widgets via Administration > Appearance > Widgets menu, you can see your changes in live preview of this Customizer.
Homepage Settings: From this option you can set your homepage. You may choose either a static or blog post page as your homepage.
You can use the field to customize the appearance of your site. It works by allowing you to add your own CSS styles, which allows you to override the default styles of your Theme. To access the CSS editor- Administration > Appearance > Addional CSS