Your SlideShare is downloading. ×
0
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Wordpress theme from scratch
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Wordpress theme from scratch

383

Published on

Published in: Technology, Business
1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total Views
383
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
17
Comments
1
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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…. 1
  • 2. 2
  • 3. 3
  • 4. 4
  • 5. + + + 5
  • 6. 6
  • 7. STEP BY STEP WORDPRESS THEME 7
  • 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 8
  • 9. DEMO(index.php / style.css / screenshot.png) 9
  • 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 page Dynamic content: Will change in every pages 10
  • 11. header.php (fixed content) <?php get_header(); ?> footer.php (fixed content) <?php get_footer(); ?> sidebar.php (fixed content) <?php get_sidebar(); ?> 11
  • 12. 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 12
  • 13. THREE SIMPLE WAYS TO USE THE LOOP 13
  • 14. Loop basics The loop template tags 14
  • 15. Loop with query The loop template tags 15
  • 16. Loop with confirm query (Recommend this) The loop template tags 16
  • 17. 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 detail17
  • 18. 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
  • 19. DEMOsingle.php // page.php // category.php // sidebar.php 19
  • 20. 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#Parameter 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. - WP_Query() http://scribu.net/wordpress/wp-pagenavi/wpn-2-74.html Rage Comic: http://ragemaker.net Resources 20
  • 21. 21

×