Wednesday, 28 March 2012

Create wordpress theme

Welcome to Technology


How to create wordpress theme? Have you ever had a feeling that You can’t find and appropriate theme for You WordPress blog? You know that You have a good design for it, or maybe You even have a finished xhtml template, but You don’t know how to make a WordPress theme from it. What You really know is that You don’t have time to search for manual how to make one. Annoying isn’t it? :)
I had the same problem, so I spent some time looking for some kind of WordPress theme SDK. After numerous searches I decided to make one. I will try to write a step by step tutorial how to use it.
Before starting I must say that I’m not very experienced WordPress user, I only start enjoying this blog system and all of its good features. I know that there will be always people who will be complaining about one or other software (and maybe at some point they will be right, but…), so please don’t tell me why WordPress is bad choice for a blog, at least yet. :)
Further more if you want to make Your own WordPress theme You must have some knowledge in xHTML, CSS and PHP.

Installing WordPress

  1. Download latest WordPress (http://wordpress.org/download/).
  2. Extract downloaded archive contents and upload it to a root folder on Your web server.
  3. Create a MySQL database and write down database name, database username, database password You where using. phpMyAdmin (http://www.phpmyadmin.net/) is the best software for this kind of operations.
  4. Go to Your web servers root folder (where You uploaded WordPress) and rename file wp-config-sample.php to wp-config.php.
  5. Open the new file for editing (download it if You can’t edit it on the server)
  6. Find this (at the top of the file):
    define('DB_NAME', 'putyourdbnamehere');
    define('DB_USER', 'usernamehere');
    define('DB_PASSWORD', 'yourpasswordhere');
  7. Replace login data with that which You wrote down earlier.
  8. Point Your browser to location http://www.youraddresshere.com/wp-admin/install.php and follow the instructions.
  9. After finishing the installation wizard You will have a full working WordPress copy on Your web server, and You will be able to upload some custom themes.

Uploading new test wireframe theme

  1. Download test theme wireframe I made for You.
  2. Extract downloaded archive contents and upload it to Your web servers folder \wp-content\themes\
  3. Login into Your WordPress control panel (http://www.youraddresshere.com/wp-admin).
  4. Go to “Presentation” then “Themes”, and select theme named “test”.
  5. Voila Your blog (http://www.youraddresshere.com/) has a simple test theme. I made simple CSS file which is basically some lines and colors. In this way You can see what you can modify.

No comments:

Post a Comment