Tag Archives: wordpress themes

How to Create an Option Page for Your WordPress Theme

You should consider adding a theme options page for your theme in order to make your theme more user friendly. This will help the users of your theme to customize various aspects of the theme by choosing the options from this settings page.

It also enables your user to easily change and update information such design template, color, font family, font size etc. Creating custom options panels in WordPress is very easy and in this article I will show you how to add an option page to your WordPress theme. Continue reading

5 Best SEO WordPress Plugins

SEO is important to business owners. The main reason SEO is important is without it your site won’t show up in the search engines or if it does, it may be several pages down. You want to be on the top one or two pages for best results.

Here are the best WordPress SEO plugins for your to consider:

1. Robots Meta: This WordPress plugin allows you to choose which blog posts allow a do follow, or no follow. This plugin helps your blog posts to be crawled by the Google spiders. Some WordPress themes set the pages to no follow and finding the code can be difficult. This plugin makes it easy.

2. Google XML Sitemaps: Sitemaps make it easier for your blog readers to find what they’re looking for. This plugin will automatically update your sitemaps with each post you make. This will eliminate the new uploads you’d had to do in the past.

3. Evermore: This WordPress plugin helps prevent Google from seeing duplicate information which will remove it from searches.

4. WP Google Analytics: is an important plugin to use. A simple code will allow you to monitor your blogs traffic. This is something you can’t do easily on a self hosted WordPress blog. You will need a Google Analytics account in order to utilize this plugin.

5. All in One SEO: The All In One SEO Pack makes it simple for you to add your custom title, description, and keywords to every blog post and page which helps with getting your content added to the search engines FAST! You’ll need to do this with every post, but the information is easy to gather as it comes right from the post you made. The Scribe plugin is a great companion to the All In One SEO Pack!

People do keyword searches almost every time they are searching for something. These WordPress SEO plugins make it easier for your blog readers to find you when they do a search. The WordPress plugins listed above are easy to install and use.

HTML to WordPress: Header.php

Now that you have your files all set up for converting your HTML template to WordPress, you now want to start changing the code of your HTML template to a WordPress compatible theme.

Today we are going to work on your header.php template. You will need to open your Header file from the folder you created in the last step in order to begin this process.

Next you will want to open up your HTML document and copy and paste the code from the top of the template all the way down to just BEFORE the DIV that contains your sidebar and/or content. This will be the core of your header.php file in your new WordPress theme.

For example:

(Click to view larger.)Next you will want to fill in the header with some code that will help convert the HTML document into a WordPress compatible template!

Replace the code with the following code, or the code from your favorite WP theme:

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" type="image/x-icon" />
<link rel="icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" type="image/x-icon" />
<?php wp_head(); ?><meta name="verify-v1" content="53/AHENoYym8RbXpIdO+Aa2GaVPVpX8G79ehG6+NYTw=" />

Your header.php file should look something like this:

(Click on image to view larger.)Please note that in WordPress the stylesheet is separate from the HTML document. But this code above is designed to link to the stylesheet you defined in the previous tutorial. If you have any CSS located within the header of your template, be sure to take it out and just add it to your external stylesheet.

Now this is actually turning out to be pretty easy don’t ya think? Going from static website to WP is definitely a smart move for EVERYONE who markets their business online!

Next week we will tackle the sidebar. Be sure to subscribe to this blog in your feed reader or by email so you don’t miss a single step!