Installing and Copying the Theme

First, you need to obtain the theme that you want to modify. For the original theme to use in this chapter's example, I have chosen the c3ro mask theme by C3ro, created by Chris Carlevato (http://c3ro.com/themes/), shown in Figure 16-7. This is a beautiful, three-column theme with a graphical masthead and a fading background. It is a little unusual in that it has its two narrow informational columns, both on the right.

I made a couple of changes to the original theme to make it valid XHTML, as standards compliance is an important part of WordPress. The validated theme is available from the Source Code area of the Apress web site (http://www.apress.com), as c3romask-xhtml.zip. Use this as your starting point.

After you download c3romask-xhtml.zip, unzip it into a folder call c3romask. Then upload the folder and its contents to your wp-content/themes folder. Go to the Presentation administration page and select the c3ro mask theme to activate it. If you view your blog now, it should look like Figure 16-7.

So that you can compare the before and after versions of the theme, you will make changes to a copy of the theme. On your local machine, in the place you unzipped the original theme, rename the c3romask directory to c3romask2. (You could instead copy the directory and not rename it in order to retain the original code on your local machine for later comparison should things go drastically wrong.)

You will also need to edit the style.css file to change the name defined in the file. If two installed themes have the same name, even if they are in different folders, WordPress gets confused. See Listing 16-1 for the new header comment.

Listing 16-1. New Theme Meta-Information in style.css

Theme Name: c3ro mask 2

Theme URI: http://c3ro.com/themes/

Description: A modified version of c3ro's mask theme

Version: 1.0

Author: Mike Little (after c3ro http://c3ro.com/)

Author URI: http://building-online-communities.com/wordpress/

Upload this new folder with the modified style.css into wp-contents/themes and check the Presentation page. You should now have the c3ro mask and c3ro mask2 themes listed. Activate the c3ro mask 2 theme.

Figure 16-7. The original c3ro mask theme

Was this article helpful?

0 0

Post a comment