This is my session in wordcamp Egypt 2009

2. AGenda …
Imagine Your Theme
Anatomy of Theme
Stepping Into Template Tags
Move your Hand
It is not the END !

3. Imagine Your Theme
What is a Theme ?
 Web page Anatomy
 3 steps to finish your Theme !!!
I cant imagine , What can I do

4. Hot Tip
In your opinion , What is the meaning of Theme ! 
Themes are files and styles that work together to create a presentation or look for 
your site

5. Hot Tip
How can I see my Theme

6. 3 steps to finish your Theme
Coding
Design

7. Anatomy of Theme
Wordpress theme live in
subdirectories residing in wp-
content/themes/ .
WordPress includes two Themes
in the download, a quot;Classicquot; and
quot;Defaultquot; Theme .
WordPress Themes consist of
three main types of files, in
addition to images (for designer).

8. Theme Files
Theme Style Sheet
style.css must provide details about the Theme in the form of
comments.
Theme Functions File
A theme can optionally use a functions file, which resides in the
theme subdirectory and is named functions.php
Theme Template Files
Are PHP source files used to generate the pages requested by
visitors. Let's look at the various templates that can be defined
as part of a Theme.

9. Template Hierarchy

10. Page Structures
Header
<? php get_header(); ?>
Content
Post ,Comment , Comment form,
Sidebar
Tags, archives, categories, …
<?php get_sidebar(); ?>
Footer
<?php get_footer(); ?>

11. Stepping Into Template Tags
Template tags are used within your
blog's templates to display information
dynamically or otherwise customize
your blog, providing the tools to make it
as individual and interesting as you are
What is Parameters
A template tag is
code that name , <p> Powered by
<h1> <?php description, url , WordPress version
instructs
bloginfo('name'); admin_email, <?php
WordPress to
?> </h1> version bloginfo('version');
quot;doquot; or quot;getquot;
something ?> </p>

12. Template_Tags
Go There 
http://codex.wordpress.org/Template_Tags
Author tags Category tags
Post tags Comment tags

13. Create HTML
After Photoshop

14. Code Css

15. THeN !
I hope to see your theme as you WANAT
-------------------------------------------------------------

16. Move Your Hand
Let’s see, What can we do ………

17. It is not the END !
- Thank You!
- Questions
- Comments
- It is not the end
Sayed Ftahey
http://www.speedev.net/sayed/