keaglez

Hi! I'm Jeffri Hong, also known as keaglez, a 21 years old geek who love the web and comic.

How to create WordPress template part 2

Posted on Designing, Wordpress and tagged with , , , ,

Now is the part 2. If you haven’t read the part 1 yet, go here to read it. If in the part 1 we have make the graphics we need to build the template, now it is the time to play with CSS and HTML. But first, before we going further, we must first understand the WordPress template hirearchy. The WordPress template, in the very minimum, need at least two files, style.css and index.php. We can however have more files that recognized by WordPress to deliver different look on different requested page. But now, we create the standar template, at least we have header.php, footer.php, sidebar.php, index.php, comments.php, functions.php and style.css.

Read more…

How to create WordPress template part 1

Posted on Designing, Wordpress and tagged with , , , , ,

Do you want to create your own WordPress template? It is not hard actually if you have enough knowledge of XHTML (or HTML) and CSS, and a little basic of PHP. This guide will split into multiple part as it is quite long. This is my way of creating WordPress template, so it might different than you. The first part is for preparation and designing, I haven’t touch the coding part yet, it will be on second part. I will make it with example and this example will be available to download for everyone later. Hehe… :)

First is the preparation. For me, I will take a paper and a pen and start thinking of how the template will look like. Hmm… As of now, I will create a simple templates like usual blog template. One header with logo and description on top, one sidebar on left side, the content is on the center (right side from the sidebar), and one footer on bottom. That’s it. Okay, once you are ready then, let’s open your favorite graphics editor. For me, it is GIMP.

Read more…

Testing the new templates

Posted on Designing, Wordpress and tagged with , , ,

Here I create my first and only templates for WordPress, the result is as you can see on your screen. It still buggy I think, so please report me whenever you see something unexpectedly happens while navigating here.

This templates should works fine on Mozilla Firefox 3+ and Google Chrome. Opera 9 shows fine too, but have some margin problem. Internet Explorer didn’t works well, I can’t resize the element height so you will see a scrollbar on your browser window and a scrollbar inside the element. There also an error reported that I didn’t have clue yet.
Read more…

Proudly powered by Wordpress