WordPress Appearance

The WordPress Appearance Screen allows you to manage your Themes. That means you can install, preview, delete Themes, activate, and update Themes. A WordPress Theme is a collection of files that work together to produce a graphical interface with an underlying unifying design for a weblog. These files are called template files.

Theme Management

In Theme Management, You will learn how to do Theme management. It includes image files, templates, CSS stylesheets, etc. that can help to make your website look great. This chapter discusses how to install, add new, or customize themes in WordPress.

Following are the steps for Theme Management.

Step 1 − Select AppearanceThemes from the dashboard.
Step 2 − Hover over any theme and click on Theme Details.
Step 3 − When you click on Theme Detail the following page appears. It consists of details related to the theme. Details like version, description, tags etc.

If you want to add this theme to your page/website then click on Activate, and if you want to just check the theme, then click on Live preview.

If you click on activate then you get a pop-up message as

Step 4 − Click on Customize.
Step 5 − On the left side of the page, you can customize your theme. Any changes you make or anything new you add is displayed on the right side of the page.

Customize Theme

Now You will learn how to customize themes. Customizing themes help you to give a new look to your website. Here you can change background images/colors, add titles, and do much more.

Following are the steps of Customize theme.

Step 1 − Click on AppearanceCustomize.
Step 2 − A screen will be displayed.

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 Title & Tagline − In this section, you can add the site title and tagline you want to add to your website.

Add your title name in the ‘Site Title’ section. And your tagline in the ‘Tagline’ box.

  • 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 Image − 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’.
  • Widgets − Add widgets to your site from here.

When you click on the arrow mark the following image appears.

Here, there are two options

  • First is the ‘Main Widget Area’, when you click on this you get another list of widgets that are to be displayed in the footer area.
  • Secondary Widget − Here you must click on ‘Add a widget’ and you get a side bar with a list of different widgets. Click on any and it adds up to your widget list.

If you want to add more widgets then click on ‘Add a widget’ again and you can add as many widgets as you want.

Static Front − Select either latest posts or static front page for your site.

Widget Management

In Widget Management Option, You will Learn about Widget Management. Widgets are small blocks that perform specific functions. These give design and structure control to the WordPress theme. Some specific features of a widget are

  • They help you add content and features.
  • They can be easily dragged and dropped in widget area.
  • They vary from theme to theme. They are not same for every theme.

Step 1 − Click on Appearance → Widgets.

Step 2 − The following screen showing available widgets appear.

The following functions appear on the page

  • Available Widgets − You can use these to add into your sidebar main.
  • Inactive Sidebar (not used) − These are not used and can be removed permanently from the widget list.
  • Inactive Widgets − Removes the widgets from sidebar but keep it in the settings.
  • Sidebar Main − Any widget you add here will appear on your site.
  • Manage in Customizer − Takes you back to customization page.

Step 3 − Drag and drop in the Sidebar Main. Any widget you add here, shows up on your site.

Background

At the end, You will learn about background images, background colors and background opacity.

Step 1 − Click on AppearanceBackground.
Step 2 − A page will appear where the Background Image section shows up.
Step 3 − There’s no image selected for background. If you want to do so, then click on Select Image. You get the following page.

Here you can upload images using two options.

  1. Upload Files
  2. Media Library

Step 4Upload Files − When you click on Upload files the following screen is displayed. Select files from your desktop and then click on Choose Image if satisfied with the image.

Step 5Media Library − When you click on Media Library the following page appears. Select files from the WordPress media library, which means, if you already have images updated then you can select any of them directly.

After selecting an image, on the right side you will get a few options

  • Edit Image − When you click on this you are taken to another page where you can edit the scale image, dimensions, crop image, and thumbnail settings, etc. Make the required changes, click on Save and then click on Update.
  • Delete Permanently − If you want your image off the library then click on this button.
  • URL − Enter your image URL into this box.
  • Title − If you want to make any changes in the title of the image you can do it right here.
  • Caption − You can explain briefly about your image in this section.
  • Alt text − Give an alternative text to your image so that it is easily available for the users during search.
  • Description − A little description about your image.

Step 6 − Click on Colors → Background Color on the same page. Change your background color accordingly. Background Opacity is not used for all themes. Theme customization is not same for every theme we use. It changes from theme to theme.