LIMITED OFFER: Buy All Themes Package (50+ Themes) for only $149! View Details

Getting Started with Themes

Common Theme Issues

ZOOM Builder

ZOOM Framework

Advanced

Resources

Recommended Practices for Customizing a WPZOOM Theme

Everyone wants to have a unique theme. But before starting to customize your theme, as other customers did with their WPZOOM Themes, we’ll explain what are the best practices to do it.

There are two ways to customize a theme:
Custom CSS – using this method you’ll be able to customize only design elements from your theme: fonts, colors, background, margins and paddings.
Child Theme – this is a more complex method and it allows you to customize everything in a theme: from functions to page templates and much more.

Many of our themes also include Styling options in Theme Options or Customizer so make sure to check those sections before starting to modify a theme.

    We highly recommend:

  1. Don’t make changes directly into the theme’s files unless it is really necessary. You may lose those changed in the future when you’ll update the theme.
  2. Don’t edit style.css file from the theme. Instead, activate Custom CSS feature from Jetpack and then add your custom CSS statements in Appearance > Edit CSS.

Jetpack Custom CSS

jetpackcss

In the following video tutorial we’re explaining how to add custom CSS code to your theme using an older method – by adding the code in the file “custom.css” from the theme. We highly recommend you to use the Jetpack’s option instead, because it’s much convenient and safe to update the theme in the future, without worrying about losing your modifications.

Important:

  • If you have custom CSS code in the the file “custom.css” from your WPZOOM theme we recommend you to move it to the Jetpack custom CSS.
  • For more customization instructions check the following tutorial: How to Customize a WPZOOM Theme

Child Themes

A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme, and allows you to modify, or add to, the functionality of that parent theme.

How to Create a Child Theme?

Make_a_Child_Theme_‹_WPZOOM_—_WordPress

  1. Activate the theme you want to customize (parent theme).
  2. Install the One-Click Child Theme plugin and activate it.
  3. Go to Appearance > Child Theme menu and create a new Child Theme for current active theme.

Once you have created a new Child Theme using the One-Click Child Theme plugin, it will be automatically set as current active theme on your website. This means that you’re safe now to modify the child theme as you want: edit CSS file, add new functions in the functions.php file, add new theme files or page templates that will override existing ones from the parent theme.

Changing functions or theme files from parent theme is easy using child themes. All you’ll have to do is to copy entire functions to the child theme’s functions.php file and change the code as you want. The same thing applies when you want to edit theme files like header.php, footer.php. You will have to create files with the same name in your child theme, but make sure to copy entire code from the parent theme, and modify only what it’s needed.

Why use a Child Theme?

One of the most important reason of using Child Theme is that in this way you’ll be able to update your theme in the future without worrying that you’ll lose any of your modifications.

If you need a more complex plugin to create a Child Theme see Child Theme Generator plugin.

More information about working with Child Theme can be found here:

WordPress Codex: Child Themes
How to make a child theme for WordPress

Have a suggestion?