Wordpress theme from scratch
-
Upload
vo-minh-man -
Category
Technology
-
view
342 -
download
3
description
Transcript of Wordpress theme from scratch
![Page 1: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/1.jpg)
WORDPRESS THEMEFROM SCRATCH
Name: Vo Minh ManWebsite: http://minhman.comFacebook: Check my websiteEmail: [email protected]: www.izwebz.comFree screencast tutorial abouthtml, css, jquery, php, mysql, wordpress….
1
![Page 2: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/2.jpg)
2
![Page 3: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/3.jpg)
3
![Page 4: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/4.jpg)
4
![Page 5: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/5.jpg)
+
+
+
5
CENSORED
![Page 6: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/6.jpg)
6
![Page 8: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/8.jpg)
Template Core Files
index.php style.css screenshot.png
Size: 880 × 660 pxtake screenshot of website
Define website informationsname, author, license, tags….
Show whatever you want !!!with html/css and template tags
![Page 10: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/10.jpg)
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
10
![Page 11: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/11.jpg)
header.php(fixed content)
<?php get_header(); ?>
footer.php(fixed content)
<?php get_footer(); ?>
sidebar.php(fixed content)
<?php get_sidebar(); ?>
11
![Page 12: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/12.jpg)
Main content(dynamic content)
the loopThe 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
12
![Page 13: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/13.jpg)
THREE SIMPLE WAYS TO USE
THE LOOP
13
![Page 14: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/14.jpg)
Loop basics
The loop
template tags
14
![Page 15: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/15.jpg)
Loop with query
The loop
template tags
15
![Page 16: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/16.jpg)
Loop with confirm query (Recommend this)
The loop
template tags
16
![Page 17: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/17.jpg)
Template File Hierarchy
link to page.phpshow your page detail
link to category.phpshow all post in ‘news’ category
link to single.phpshow your post detail17
![Page 18: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/18.jpg)
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
18
![Page 19: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/19.jpg)
DEMOsingle.php // page.php // category.php // sidebar.php
19
![Page 20: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/20.jpg)
Sample data: http://themetrust.com/knowledgebase/how-to-import-the-demo-contentThe loop: http://codex.wordpress.org/The_LoopQuery parameters: http://codex.wordpress.org/Class_Reference/WP_Query#ParametersTemplate hierarchy: http://codex.wordpress.org/Template_HierarchyTemplate tags: http://codex.wordpress.org/Template_TagsSidebar 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.htmlRage Comic: http://ragemaker.net
Resources
20
![Page 21: Wordpress theme from scratch](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b436bc4a79598e638b4640/html5/thumbnails/21.jpg)
21