1.
WORDPRESS THEME
FROM SCRATCH
Name: Vo Minh Man
Website: http://minhman.com
Facebook: Check my website
Email: hello@minhman.com
Work: www.izwebz.com
Free screencast tutorial about
html, css, jquery, php, mysql, wordpress….

2.
+
+
+

3.
STEP BY STEP
WORDPRESS THEME

4.
Template Core Files
index.php style.css screenshot.png
Size: 880 × 660 px
take screenshot of website
Define website informations
name, author, license, tags….
Show whatever you want !!!
with html/css and template tags

5.
DEMO(index.php / style.css / screenshot.png)

6.
index.php
header.php
(fixed content)
Main content
(dynamic content)
sidebar.php
(fixed content)
footer.php
(fixed content)
Fixed content:
Will NOT change in every pages
Dynamic content:
Will change in every pages

7.
header.php
(fixed content)
<?php get_header(); ?>
footer.php
(fixed content)
<?php get_footer(); ?>
sidebar.php
(fixed content)
<?php get_sidebar(); ?>

8.
DEMObasic index.php / header.php / footer.php / sidebar.php

9.
Main content
(dynamic content)
the loop
The Loop is PHP code used by WordPress to
display posts. Using The Loop, WordPress
processes each post to be displayed on the
current page, and formats it according to how
it matches specified criteria within The Loop
tags. Any HTML or PHP code in the Loop will
be processed on each post.
Read: http://codex.wordpress.org/The_Loop

10.
THREE SIMPLE WAYS TO USE
THE LOOP

11.
Loop basics
The loop
template tags

12.
Loop with query
The loop
template tags

13.
Loop with confirm query (Recommend this)
The loop
template tags

14.
DEMObasic the loop (index.php / wp_nav_menu)

15.
Template File Hierarchy
link to page.php
show your page detail
link to category.php
show all post in ‘news’ category
link to single.php
show your post detail

16.
Post vs Page
Post Page
Posts are content entries listed in reverse
chronological order on your blog’s home
page.
Pages are meant to be static “one-off” type
content such as your about, contact, privacy
policy, legal disclaimers, etc.
Posts are timely Pages are timeless
Posts can be categorized Pages are hierarchical
Posts are included in RSS feed Pages are not
Posts do not Pages have custom template

17.
DEMOsingle.php // page.php // category.php // sidebar.php

18.
Sample data: http://themetrust.com/knowledgebase/how-to-import-the-demo-content
The loop: http://codex.wordpress.org/The_Loop
Query parameters: http://codex.wordpress.org/Class_Reference/WP_Query#Parameters
Template hierarchy: http://codex.wordpress.org/Template_Hierarchy
Template tags: http://codex.wordpress.org/Template_Tags
Sidebar Generator: http://generatewp.com/sidebar/
WP-PageNavi The Right Way To Use:
- query_posts() http://scribu.net/wordpress/wp-pagenavi/right-way-to-use-query_posts.html
- WP_Query() http://scribu.net/wordpress/wp-pagenavi/wpn-2-74.html
Rage Comic: http://ragemaker.net
Resources