Design a WordPress Template – Part 2

By | 10/07/2008

Design WordPress Template 2In the previous tutorial we talk about designing a wordpress template and some point to keep in mind while designing. We talked about a website being User-Friendly, Search Engine Optimized, Fast to load and Monetized. Let’s continue:

Multi-Browser, Multi-Platform Compatibility:

A well made website is a website that is showing well in different types of browsers, i.e. when you open it in Firefox, it should look as well as it might look in Opera or Internet Explorer; this is a Multi-Browser compatible site.

A website that can adapt its look and functionalities to the platform it is visited from is a multi-platform website. As example, if you browse Gibni from your mobile device, you’ll get a page that is adapted for the device you’re using, and not the full version you get on your PC’s (or MAC’s) browser! That makes is just EASIER for you to access Gibni from a mobile device and navigate easily on it.

When designing a website you should ALWAYS keep these aspects in mind.

Sometimes this might be the most difficult part of designing a website as different browsers have different behaviours with the same code!

The look, The Design:

The look of your website, makes it unique, so use your creativity and search around for good designs to get new ideas, mix and remix them, and find a good design to make for your website. We’ll discuss this topic in a seperate post as it takes time and is a special topic.

Currentl Gibni’s look is a unique design made from my imagination and mixing other unique ideas together. The upcoming release is a different design, but still UNIQUE!

Tools and Software to use:

Making the design, editing images:

To make the design and also images you want to use, you need to have a good image editor software; best choice is ADOBE PHOTOSHOP. It’s not the easiest thing to learn, but once you get into it, you’ll have the best tool to make and remake and optimize graphic designs and images. I use Photoshop to do every image editing job. It’s the best and most complete solution.

Writing the code:

To design a WordPress theme, we need a software to write the PHP code with, you can simply use NOTEPAD, but that is a very thought way to choose!

I personally use ADOBE DREAMWEAVER, as it is very robust and easy to use, and EXTREMELY professional. There are extensions which simply inserting wordpress functions. But I didn’t use these extensions because they get me confused sometimes.

Testing:

To test localy what you are making, you will need to have a local server. That might sound difficult, but ChSoftware made a VERY useful PORTABLE WEB SERVER that you download and just run! no need for installation, no complicated configuration. In WOS II (by ChSoftware), there are a lot of packages you can use, as phpMyAdmin, WordPress, MySQL, PHP 4, PHP 5 and a lot more. Just visit their website, download WOS and run it on your PC. Instructions are clear and easy to understand on their website and in the software itself.

Browser:

I recommend that you use at least two browsers (Internet Explorer and Firefox) to test your code and design.

Host:

To host your website, either it is a blog or a CMS or an E-commerce website, you should choose the best hosting company that you can afford. I actually use LunarPages, as my hosting. They provide me avery good customer support and they offer very interesting plans, either for begginers or for professionals who need dedicated servers. The server response time is a fairly good one and scripts run very smoothly on their servers. The best thing is that THEY CARE ABOUT YOU! an exaple is that a long back, they got a problem with a hardware and their server went down for few hours, I contacted them and asked for help, I got a reply in the following hour and the problem got solved very quickly; the next day I got a phone call from Lunarpages customer service, the guy apologized for the problem and offered me a free month of hosting to show their good will! I was shocked and happy! firstly to get a month of free hosting and secondly to be with a hosting company that cares about its customers!!

Anyway, try to look for the best one you can afford, and check the availability of everything you will need before paying the host.

If you want to get a good offer from Lunarpages, click this link and make your purchase by following this link: Lunarpages.com – From Gibni

In next posts we’ll see how to start the work!

Detailed posts about the currently discussed topics will be available on Gibni, so I recommend that you subscribe to the RSS feeds.

All comments are welcomed

2 thoughts on “Design a WordPress Template – Part 2

  1. Pingback: linkingclever.info » Blog Archive » Design a Wordpress Template - Part 2

  2. Pingback: Wordpress Plugin Center - Clean Wordpress Template - Part3 Top Best Beautiful Wordpress Themes and Templates

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge