Navigation

Tag Archives | Style Css

How to Install and Activate a WordPress Theme

By on April 4, 2012 in !Randy Roedl Internet Marketing, affiliate marketing, wordpress, Wp Headers, Wp Themes

How to Install and Activate a WordPress Theme

[This tutorial applies to WordPress blogs running in a self-hosted environment, meaning that you’ve installed WordPress on a web host of your own. It doesn’t apply to blogs hosted on free WordPress.com accounts.]

Installing a WordPress theme is very straightforward. WordPress themes available for download from various places on the Internet are typically packaged in .zip files (i.e. theme-name.zip). Installing a WordPress theme involves nothing more than unzipping the .zip file into the appropriate directory of your WordPress installation, and activating the theme from your WordPress administration console.

Structure of a WordPress Theme

In order for you to install your new WordPress theme correctly, you need to understand the basics of how the WordPress system interacts with themes. A WordPress theme needs three essential files in order to work correctly with the WordPress administration:

o An index.php file: This file is the controller of a WordPress blog. Most WordPress themes also have other PHP files that represent various sections of a WordPress page, but index.php is the only truly necessary PHP file.

o A style.css file: This file controls the look and layout of the WordPress-based website using style definitions. It also contains the information that is used in the Manage Themes section of WordPress to display the theme name, version, author, and description

o A “”screenshot”” image: This image is used to create preview of the corresponding theme in the Manage Themes section of the WordPress administration. It can be any of the common web graphics files (png, jpg, gif), but it needs to be named screenshot. For instance, screenshot.png, screenshot.jpg, or screenshot.gif.

If you’ve gotten your theme from a designer who knows what he’s doing, you don’t really need to worry about making sure the theme is set up correctly. If you’re not sure, you might just want to double-check that you’ve got the basic files needed to install your theme.

WordPress Directory Structure

The WordPress directory structure contains three folders in the root directory:

o wp-admino wp-contento wp-includes

Under the wp-content folder there is a folder called themes. Inside this folder is where you need to deposit the folder that contains your theme. Here’s an example. Say I’m installing a theme for a recipe blog. The theme is called Recipe, and its folder structure looks like this:

recipe-blog/ index.phpstyle.cssscreenshot.png

This theme would normally be packaged in a .zip file. To use the theme, I would need to unpackage the file, then upload it (probably using FTP) into my WordPress themes folder. If I have WordPress installed on my web server under a directory called blog, my directory structure would look like this:

/WordPress/wp-content/themes/recipe-blog/

index.php

style.css

screenshot.png

Activating a WordPress Theme

After I upload the theme to the correct directory, I can now go to my WordPress administration to activate it. After logging in to the WordPress admin section, I go to Appearances->Themes. I can see that my new theme is installed correctly and ready to be activated, because I can see it in under Available Themes on the Manage Themes page.

At this point, all I have to do is click on the Activate link associated with my new theme. My new theme is now active on my WordPress blog.

0

WordPress – Create a New WordPress Theme (1st in a Series)

By on September 19, 2011 in !Randy Roedl Internet Marketing, affiliate marketing, wordpress, Wp Headers, Wp Themes

WordPress – Create a New WordPress Theme (1st in a Series)

WordPress is a wonderfully flexible blogging framework.

If you use WordPress much, you will eventually want to make some changes in the appearance of your blog.

Often the best way to give your blog a facelift is to create a new WordPress theme. The developers of WordPress have made this easy to do. This article tells you how to create a new theme. Future articles will tell you how to make visual modifications in your theme.

Note that this article presumes that you are developing on a PC or Mac and uploading your work to your Web site.

Here is the procedure for creating a new WordPress theme, in a nutshell:

1. Start with an existing theme that you want to modify.2. Copy that theme folder to a new theme folder.3. Edit the “”style”” css file in the new theme folder.4. Upload the theme folder to your Web site.5. From the WordPress Admin console, activate the new theme.

That is all you have to do.

The following sections provide detailed descriptions for implementing the above steps.

Start with an Existing Theme

Pick a theme that is already installed in your blog. It does not need to be activated, just installed. Pick one you like.

Copy the Them to a New Theme Folder

Both the old theme (the one you start with) and the new theme (the one you are creating) should be located in the themes folder of the wp-content folder.

Here is the hierarchy: main WordPress folder / wp-content / themes

If for example, you are copying the “”WordPress Default”” them to the “”John Doe”” theme, you will copy the “”default”” folder to the “”john-doe”” folder.

Edit the “”style”” css file in the new theme folder

Now that you have copied the old theme to your new theme folder, you need to edit the “”style”” css file.

Every theme has a “”style”” css file. That file starts out with some information that WordPress uses to display information about the style in the admin console. You will need to change this information. A skeletal version of this information looks like the following:

Theme Name: Theme name hereDescription: Description of theme here

Version:
Version number

Author:
Your Name

Author URI:
Your Web Site (if you have one)

Licensing Information

A filled in version would look something like the following:

Theme Name:
John Doe

Description:
This is a theme that John Doe created to for his personal Web site.

Version:
1.00

Author:
John Doe

This theme is offered under the GPL License.

Upload the Theme Folder to Your Web site

Using FTP or whatever system is in your editor/Web design software, upload the new theme folder to your Web site.

Activate the New Theme

(i) Log into your WordPress management console.(ii) On the left side of the console, about 1/2 way down, click on the “”Appearance”” link.(iii) Your theme should show up under “”Available Themes””, in the lower right hand side of the page.(iv) Click on the “”Activate”” link for your theme.

WordPress should now be using your theme.

Check the New Theme

If you want to check that you are actually using the new theme, do “”view page source”” and search for wp-content/themes/xxxxxxx where xxxxxxx is your theme name.

Summary

Creating a new WordPress theme is easy. Future articles will tell you how to change the appearance of your new theme.

0

How to Install and Activate a WordPress Theme1

By on August 12, 2011 in !Randy Roedl Internet Marketing, affiliate marketing, wordpress, Wp Headers, Wp Themes

How to Install and Activate a WordPress Theme

[This tutorial applies to WordPress blogs running in a self-hosted environment, meaning that you’ve installed WordPress on a web host of your own. It doesn’t apply to blogs hosted on free WordPress.com accounts.]

Installing a WordPress theme is very straightforward. WordPress themes available for download from various places on the Internet are typically packaged in .zip files (i.e. theme-name.zip). Installing a WordPress theme involves nothing more than unzipping the .zip file into the appropriate directory of your WordPress installation, and activating the theme from your WordPress administration console.

Structure of a WordPress Theme

In order for you to install your new WordPress theme correctly, you need to understand the basics of how the WordPress system interacts with themes. A WordPress theme needs three essential files in order to work correctly with the WordPress administration:

o An index.php file: This file is the controller of a WordPress blog. Most WordPress themes also have other PHP files that represent various sections of a WordPress page, but index.php is the only truly necessary PHP file.

o A style.css file: This file controls the look and layout of the WordPress-based website using style definitions. It also contains the information that is used in the Manage Themes section of WordPress to display the theme name, version, author, and description

o A “”screenshot”” image: This image is used to create preview of the corresponding theme in the Manage Themes section of the WordPress administration. It can be any of the common web graphics files (png, jpg, gif), but it needs to be named screenshot. For instance, screenshot.png, screenshot.jpg, or screenshot.gif.

If you’ve gotten your theme from a designer who knows what he’s doing, you don’t really need to worry about making sure the theme is set up correctly. If you’re not sure, you might just want to double-check that you’ve got the basic files needed to install your theme.

WordPress Directory Structure

The WordPress directory structure contains three folders in the root directory:

o wp-admino wp-contento wp-includes

Under the wp-content folder there is a folder called themes. Inside this folder is where you need to deposit the folder that contains your theme. Here’s an example. Say I’m installing a theme for a recipe blog. The theme is called Recipe, and its folder structure looks like this:

recipe-blog/ index.phpstyle.cssscreenshot.png

This theme would normally be packaged in a .zip file. To use the theme, I would need to unpackage the file, then upload it (probably using FTP) into my WordPress themes folder. If I have WordPress installed on my web server under a directory called blog, my directory structure would look like this:

/WordPress/wp-content/themes/recipe-blog/

index.php

style.css

screenshot.png

Activating a WordPress Theme

After I upload the theme to the correct directory, I can now go to my WordPress administration to activate it. After logging in to the WordPress admin section, I go to Appearances->Themes. I can see that my new theme is installed correctly and ready to be activated, because I can see it in under Available Themes on the Manage Themes page.

At this point, all I have to do is click on the Activate link associated with my new theme. My new theme is now active on my WordPress blog.

0