Customization options

Customization of the theme options

In the Appearance menu, you may have a “Customize” menu which will lead you to the theme customization options. These customization options are the ones that are built in the theme. You can use them for defining some, basic to high level, customizations in your theme:

  • the main menu of your website
  • the colors of your theme
  • what to display on your homepage
  • the number of columns in a specific section of your website

Using WordPress Widgets

From the Appearance menu you can also access the Widget menu. Widgets are small items that can be used in different parts of your website. You can use a widget for example to display the list of your categories on the right or on the left of your website, or to display specific items in the footer.

There are built-in widgets available once WordPress is installed, but your theme can provide additional widgets to allow to manipulate and display specific items provided by the theme. For instance, if we keep the previous example of the Molly theme, this theme embeds the Woocommerce plugin and so provides specific widgets related to Woocommerce. These Woocommerce widgets enable you to display for example the list of your shop categories on a sidebar on the right or the left of your website.

So, as you can see, widgets are part of your website design and ergonomics.

Advanced customization

More customization of graphical aspects can be performed from the files. As we’ve seen previously, (most of) the themes are delivered with a child theme to let you do your own customizations without the risk of removing them after a theme update.

In order to make your own customizations in the files of your theme, you have to copy the files you want to modify from your main theme to your child theme. Imagine you want to change the file “style.css” which contains the CSS, and this file is located here in your main theme: css > style.css. You have to create a folder named “css” in your child theme folder and then copy your “style.css” file in this folder.

Then just modify this style.css file of your child theme.