AGenda…

Imagine Your Theme

It is not the END !

Move your Hand

Anatomy of Theme

Stepping Into Template Tags

Imagine Your Theme

I cant imagine , What can I do

What is a Theme ? Web page Anatomy 3 steps to finish your Theme !!!

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

Codex.wordpress.org

Hot Tip

How can I see my Theme

3 steps to finish your Theme

Coding

Design

Planning

Anatomy of Theme

WordPress Themes consist of three main types of files, in addition to images (for designer).

Wordpress theme live in subdirectories residing in wp-content/themes/ .

WordPress includes two Themes in the download, a "Classic" and "Default" Theme .

Theme Files

style.css must provide details about the Theme in the form of comments.

A theme can optionally use a functions file, which resides in the theme subdirectory and is named functions.php

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.

Theme Style Sheet

Theme Functions File

Theme Template Files

Template Hierarchy

Page Structures

Header

Content

Sidebar

Footer

<? php get_header();  ?>

Post ,Comment , Comment form,

Tags, archives, categories, …

<?php get_sidebar();   ?>

<?php get_footer();   ?>

Stepping Into Template Tags

What is

A template tag is code that instructs

WordPress to "do" or "get" something

<h1> <?php bloginfo('name'); 

?> </h1>

name , description, url ,

admin_email, version

<p> Powered by WordPress version

<?php bloginfo('version'); 

?> </p>

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

Parameters

Template_Tags

http://codex.wordpress.org/Template_Tags

Author tags Category tags

Post tags Comment tags

Go There

Create HTML

After Photoshop

<div id=“page”>

/* -----

-----

--------

--------

----

--------

-------

*/

</div>

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 - It is not the end

Sayed Ftahey http://www.speedev.net/sayed/