3heads-gear3headschatchecklistglobehead-lockhead-plusimaclife-ringlogo-cornelllogo-melbournelogo-northhamptonlogo-portsmouthlogo-small logo-vancouverlogo-yokohamamail-line mail-wings pdf pie-chartplayplugprinter skype website
Print Friendly

The customizer is designed to make it easier for you to customize your theme and see the results in real time.  It allows you to customize any theme before you activate it.

Customizer Video

Using the Customizer

Here is how you use the customizer:

1.  Go to Appearance > Themes.

Theme page

2.  Click on ‘Live Preview‘ on the theme you want to use.

Hovering your mouse over a theme brings up theme action menus including the Live Preview link.

Live Preview

Or if you want to customize your current theme, click on ‘Customize‘ under the active theme.

Click on Customize

4. This loads the customizer. Now all you do is work through the control panels on the left to customize the theme to preview the theme changes in real time before activating it on your blog.

5. Once you’re happy with the changes you just click ‘Save and Published’.

The customizer

The following control panels are available on the customizer:

Change Site Title & Tagline

Used to change the site title and tagline on your blog. Not all themes display taglines.  The site title and tagline are normally displayed in or near the header area of your blog and the site title is also used when visitors bookmark your blog in their web browser.

If you want to remove the blog title (and the tagline if your theme displays the tagline) you uncheck ‘Display Header Text’under Site Title & Tagline section of the Customizer and then click Save & Publish.

This is a handy option if your blog title and tagline are displayed over the top of your custom image header and interfere with the look you are trying to achieve.

The customizer

Change Theme Colors

‘Colors’ controls the color of the header text and background color. Which options are included depends on the theme. Not all themes allow you to change the header text color. Changes to header text color do take time and you will need to wait for the page to refresh to view the change.

Change colors

Using a Custom Header Image

The Header Image allows you to upload your own custom header image and/or a select a default header image.  If you don’t see the Header Image section in the Customizer it means the theme doesn’t support these options.

Uploading your own custom header image is one of the best ways of giving your blog your own personal touch.

  1. Only .jpeg, .gif, and .png files can be used for header images.
  2. For best results we recommend you crop and re-size the image to the exact dimensions recommended for the theme before uploading by using an image editing program (refer to recommended dimensions in the Header section in the Customizer).

Uploading your own custom header image is as simple as:

1.  Click on Add new image in the header image section of the customizer.

Click on Add Image

2.  Choose an image from your media library or upload a new image from your computer.

  • Only .jpeg, .gif, and .png files can be used for image headers.
  • For best results we recommend you re-size the image to the exact dimensions recommended for the theme before uploading by using an image editing program.

Select image

3.  Click on Select and Crop.

Save and publish

4.  Click on Crop image.

Crop image

5.  Your new header image should appear in your blog preview window.

6.  Click Save & Publish on the Customizer to activate the new header on your blog.

Save and publish

Upload Custom Background Image

Many themes allow you to upload an image to your blog’s background. A background image is another great way of adding that personal touch to your blog.

1.  Go to Appearance > Customize in your dashboard.

Customize

Or click on ‘Customize‘ under the active theme.

Click on Customize

2.  Click on Background Image in the Customizer.

  • If you don’t see the Background Header section in the Customizer it means the theme doesn’t support this option.

Click on Background

3.  Click on Add new image.

4.  Choose an image from your media library or upload a new image from your computer.

  • Only .jpeg, .gif, and .png files can be used.

Add your image

5.  Click on Choose Image.

Click on Choose Image

Once you have selected an image the background image options will appear:

  • Background repeat:  controls if the background image is repeated.  Choice are:
    • No Repeat -background image is only displayed once on the page.
    • Tile – background image is tiled horizontally and vertically.
    • Tile horizontally – the background image only repeats horizontally.
    • Tiled vertically – the background image only repeats vertically.
  • Background position:  allows you to control the position of the background image.  Options are left, center and right.
  • Background attachment: determines if you want the image to scroll with the content or to remain ‘fixed’ in place when a reader scrolls down the page.

For best results we recommend you use Tile, left and Scroll.

6.  Your new background image should appear in your blog preview window.

7.  Click Save & Publish on the Customizer to activate the new background on your blog.

Click Save and Publish

Using a Static Front page

By default, your home page is your blog post page however you can change this so your homepage is a static front page and your posts are sent to a different page on your blog.

Most class blogs use a blog post page for their homepage and use ‘Your Latest Posts’ for the front page displays.

Static home page

Other Theme Options

Some themes have extensive theme customization options which aren’t supported by the customizer.

These types of themes add a theme option menu item under Appearance once the theme is activated. To do more extensive customization you need to go to Appearance > Theme Options.

Theme options

Uploading Custom themes

Due to how our infrastructure is designed, we are unable to support the uploading of custom themes unless you are using an CampusPress network.

This means you can’t upload any themes to your Edublogs.org blog even if they are available in the WordPress.org repository.

However, many of our Premium themes have customization options to change the colors, fonts and layouts. Most of our themes enable you to upload custom backgrounds and header images.

Editing Themes

The Simpler CSS plugin enables you to modify the theme’s fonts, colors, border and backgrounds by adding custom stylesheets to your blog.  Refer to our editing CSS support documentation for more information.