There are some files in this test theme folder. Lets talk about them.
- screenshot.png
This is the theme thumbnail image You will see on WordPress presentation page in the control panel. When You will change the look&feel of Your theme change this image too. - screen.css
This is Your themes CSS (visual presentation) file. Additionally at the top of this file you can (and maybe must) specify Your new themes name, themes homepage, description, authors name, authors homepage. - header.php
In this file You can load JavaScript’s, additional CSS files. - footer.php
Themes footer (copyright, date, author, etc.). - sidebar.php
Themes sidebar is defined in this file. This is the place where all of your WordPress widgets will go. - index.php
This is the main themes file, which has a lot of conditional PHP statements (its not hard to understand them because they are self explanatory) for many different purposes. This file will generate static pages, posts, include other files (if needed). - comments.php
This file contains code for comment listing and comment form.
Don’t be afraid, try to change something. Try to divide Yours existing xHTML template (remember You have created the best ever design? :) ) into parts (header, footer, sidebar, main part) and paste code into this wireframe theme carefully. Don’t do everything at once and I assure You that in few minutes you will have Your own WordPress theme. Just don’t forget to share it with others. :)
More on theme development you can find here: http://codex.wordpress.org/Theme_Development.
No comments:
Post a Comment