AGenda …


           Imagine Your Theme


                Anatomy of Theme


               Stepping Into Template Tags

...
Imagine Your Theme




             What is a Theme ?
              Web page Anatomy
              3 steps to finish yo...
Hot Tip

In your opinion , What is the meaning of Theme ! 

Themes are files and styles that work together to create a pr...
Hot Tip

          How can I see my Theme
3 steps to finish your Theme



       Coding




                 Design
Anatomy of Theme



                      Wordpress theme live in
                      subdirectories residing in wp-
   ...
Theme Files


           Theme Style Sheet

      style.css must provide details about the Theme in the form of
      comm...
Template Hierarchy
Page Structures


        Header
          <? php get_header(); ?>



           Content
               Post ,Comment , Co...
Stepping Into Template Tags


                                        Template tags are used within your
                 ...
Template_Tags

  Go There   




             http://codex.wordpress.org/Template_Tags



      Author tags Category tags...
Create HTML




              After Photoshop
Code Css
THeN !




  I hope to see your theme as you WANAT
  -------------------------------------------------------------
Move Your Hand



   Let’s see, What can we do ………
It is not the END !



                 - Thank You!
                 - Questions
                 - Comments
            ...
Your First Wordpress Theme
Upcoming SlideShare
Loading in …5
×

Your First Wordpress Theme

4,365 views

Published on

This is my session in wordcamp Egypt 2009

Published in: Design, Technology, Business
0 Comments
12 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,365
On SlideShare
0
From Embeds
0
Number of Embeds
81
Actions
Shares
0
Downloads
116
Comments
0
Likes
12
Embeds 0
No embeds

No notes for slide

Your First Wordpress Theme

  1. 1. AGenda … Imagine Your Theme Anatomy of Theme Stepping Into Template Tags Move your Hand It is not the END !
  2. 2. Imagine Your Theme What is a Theme ?  Web page Anatomy  3 steps to finish your Theme !!! I cant imagine , What can I do
  3. 3. 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
  4. 4. Hot Tip How can I see my Theme
  5. 5. 3 steps to finish your Theme Coding Design
  6. 6. 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).
  7. 7. 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.
  8. 8. Template Hierarchy
  9. 9. Page Structures Header <? php get_header(); ?> Content Post ,Comment , Comment form, Sidebar Tags, archives, categories, … <?php get_sidebar(); ?> Footer <?php get_footer(); ?>
  10. 10. 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>
  11. 11. Template_Tags Go There  http://codex.wordpress.org/Template_Tags Author tags Category tags Post tags Comment tags
  12. 12. Create HTML After Photoshop
  13. 13. Code Css
  14. 14. THeN ! I hope to see your theme as you WANAT -------------------------------------------------------------
  15. 15. Move Your Hand Let’s see, What can we do ………
  16. 16. It is not the END ! - Thank You! - Questions - Comments - It is not the end Sayed Ftahey http://www.speedev.net/sayed/

×