Tag Archives: tutorials

Display Vital Stats of Your WordPress Blog to Your Visitors

If you have been running your site for some time and are regularly updating it with fresh, high-quality content, chances are you have built up a good amount of traffic over time. As a result, your visitors are most likely sharing your site via various social media networks, following it and commenting on your posts. And a high-traffic blog or website, in turn, gives you some bragging rights.

Continue reading

Cleaning up Commentluv Comments

If you ever used the commentluv plugin then you probably have a lot of WordPress comments with lots of links in it.

Manually editing all the comments and removing those links can be very tiresome. In this tutorial I will show you how you can easily clean up all the links from your comments using some PHP code. Continue reading

WordPress Breadcrumbs Code – Add Breadcrumbs to Your WordPress site

WordPress doesn’t have any option to enable or show breadcrumb on your site. In this tutorial I will show you how you can easily create a WordPress breadcrumb function and use it show breadcrumb on your site.

Continue reading

How to Create a WordPress Widget Properly Using the New WP Widget Class

In this article I will explain how to create a Widget for WordPress properly using the new WP Widget class.

While there are an abundance of widgets available for your WordPress blog, finding one that does exactly what you need can often be difficult. I will start assuming that you have knowledge on php, html and some WordPress functions although I’ll try to explain the necessary WordPress functions. Continue reading

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=" />
</head>

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!