digital divide network - article database

Wordpress has become the world's most widely used blogging platform, it is estimated that about a quarter of a billion websites on the internet today. Wordpress blog, but also as a simple content management system with ready to use search engine friendly URLs and fully Valid HTML and CSS.

With so many sites using Wordpress and only about 1,200 listed issues on the WordPress.org, there are inevitably many websites looking exactly the same. You and your customers need to stand out, or end up branded as "just another WordPress blog.

In this article I will show you how to take an existing HTML and CSS site template and convert it into a WordPress theme. Of course, the theming WordPress theme is too vast to cover in one article only, so I'll end with some resources to further their lives. He hoped, though, that this article will serve as a good introduction and give you a solid foundation to start learning about
create your own WordPress themes.

I'm assuming you already know HTML and CSS, and already have a website design that you want to customize Wordpress. Be familiar with PHP is not needed as I will explain every feature you need, how we use it.


Wordpress Theme Basics

WordPress Themes live inside or wp-content/themes / Directory to your WordPress installation folder. Each thematic folder includes several key components:

The main CSS file. This is just a regular CSS file, except for a few additional details at the top, which I will explain shortly. You can, of course, has more CSS files if you need it (the print style sheet, for example).
ndex.php, the main index file that Wordpress loads when you use this theme.

Index.php page content can also be split into several other files that should be included in the index.php. Usually these are:
header.php is the first part of the template, usually extending from the DOCTYPE and that only after the page header (including the site and the page title and navigation).sidebar.php: similar to the header.php file, it contains elements that appear in the sidebar. You can turn this to work with widgets, WordPress, or if you wish, you can enter content directly into the theme files.

footer.php: commonly known as the last page, and usually placed in the page content. the end of a web page.
comments.php: defines the structure of the comments section of each post. If you leave your theme file comments.php from the default theme will be used.There may be other PHP files, but they are optional. You can add files, which provide a layout of certain pages, such as category pages, single institutions or institutions with a particular tag. It is also common for site templates errors, such as 404s.

If you have your own HTML template that you are ready to convert, or you wrote it from scratch, it is intended, or buy it from the template in the market, you can convert it into a WordPress theme with very little time.
Since your topic Ideally, before you begin, you need to install WordPress up and running, which is available free from WordPress.org. When you create a topic, it is easiest to work files locally or local VM, but you could also work on the Web server via FTP.

First, you need a theme folder. This must be a domestic / wp-content/themes / directory in your WordPress installation. It's as simple as creating a new folder with a name related to your topic. Inside, you'll be able to start their own style sheet, which also includes some information about the subject, which will be used after the administration panel.

Create a CSS file called style.css and add the top of the file:

This is a comment block (surrounded by / * and * /), but WordPress reading this information and submit it to the theme selection screen, the administration interface.You need to insert the contents of each of these points. They should focus on topics that will be distributed, if you plan to use this theme for your site, most of the values ??are not significant. Make sure that the topic name is different from all other topics, you have to install it, or it will cause problems!

It is possible to add version number to Version: label.

At this point, if you convert your existing HTML / CSS site, it should be easy enough to copy and paste all your style information in this file from its original template CSS.

index.php

Next, the index.php file. Mere way to start is to copy and paste the entire contents of the essence
HTML file on your site to this new template file.We will start by replacing the hard-coded information with dynamic content that is created by WordPress fly file.

WordPress has a built in feature called bloginfo access to all types of information about the installation and theme. We will use this, to bring the style sheet URL and RSS feed location. bloginfo is very simple to use:

<Php bloginfo. (Stylesheet_url)?>In this example, I have a style sheet URL, but it has a number of parameters, including encoding, description, and diary templates directory. For details, see WordPress Code.

Webx Technology is complete  Web Designers Company