Hướng dẫn cách tạo một giao diện Wordpress đơn giản

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….

5. +
+
+

7. STEP BY STEP
WORDPRESS THEME

8. 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

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

10. 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

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

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

13. 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

14. THREE SIMPLE WAYS TO USE
THE LOOP

15. Loop basics
The loop
template tags

16. Loop with query
The loop
template tags

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

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

19. 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

20. 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

21. DEMOsingle.php // page.php // category.php // sidebar.php

22. 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