WordPress – ทำความเข้าใจกับ WordPress Theme

ส่วนประกอบของ WordPress Theme

WordPress Theme จะอยู่ใน folder wp-content/themes/ โดยใน folder นี้จะเก็บ file ทั้งหมดที่เกี่ยวข้อง คือ

– stylesheet จะเก็บอยู่ใน style.css ซึ่งจะต้องมีการใส่ comment ที่ header ไว้ในลักษณะนี้ เพื่อที่ WordPress Engine จะได้เข้่าใจและทำงานได้ถูกต้อง

/*
Theme Name: Twenty Ten
Theme URI: http://wordpress.org/
Description: The 2010 default theme for WordPress.
Author: wordpressdotorg
Author URI: http://wordpress.org/
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)

License:
License URI:

General comments (optional).
*/

– template

– functions จะเก็บอยู่ใน functions.php ใช้สำหรับใส่การทำงานต่างๆเ้กี่ยวกับ theme ที่เราต้องการกำหนดให้ทำ เช่น สั่ง enable sidebar, navigate menu, headers, background ฯลฯ หรือ ทำ function สำหรับให้คนที่เอา theme ไปใช้เรียกใช้ได้ หรือทำส่วนที่ให้คนที่เอา theme ไปใช้ สามารถ customize theme ได้ผ่าน wordpress

– JavaScript

– รูปภาำพ

เช่น theme ชื่อ test ก็จะเก็บอยู่ใน folder ว่า wp-content/themes/test/ เป็นต้น ซึ่งจะมีส่วนประกอบที่สำคัญหลักๆอยู่ 3 files ด้วยกัน คือ

Template Hierarchy 

Graphic Example of the WordPress Template Hierarchy Structure

 

 

Home Page display

  1. home.php
  2. index.php

Front Page display

  1. front-page.php – ใช้สำหรับ latest posts หรือ static page ที่เลือกกำหนดให้แสดงใน Front page displays section ในหน้า  Settings -> Reading
  2. Page display rules – เมื่อ Front page ถูกกำหนดใน Front page displays section ในหน้า Settings -> Reading
  3. Home Page display rules – เมื่อ Posts page ถูกกำหนดใน Front page displays section ในหน้า  Settings -> Reading

 

Single Post display

  1. single-{post_type}.php – ถ้า post_type เป็น product, WordPressจะมองหา file single-product.php
  2. single.php
  3. index.php

Page display

  1. custom template file – The Page Template assigned to the Page. See get_page_templates().
  2. page-{slug}.php – If the page slug is recent-news, WordPress will look to use page-recent-news.php
  3. page-{id}.php – If the page ID is 6, WordPress will look to use page-6.php
  4. page.php
  5. index.php

Category display

  1. category-{slug}.php – If the category’s slug were news, WordPress would look for category-news.php
  2. category-{id}.php – If the category’s ID were 6, WordPress would look for category-6.php
  3. category.php
  4. archive.php
  5. index.php

Tag display

  1. tag-{slug}.php – If the tag’s slug were sometag, WordPress would look for tag-sometag.php
  2. tag-{id}.php – If the tag’s ID were 6, WordPress would look for tag-6.php
  3. tag.php
  4. archive.php
  5. index.php

Custom Taxonomies display

  1. taxonomy-{taxonomy}-{slug}.php – If the taxonomy were sometax, and taxonomy’s slug were someterm WordPress would look for taxonomy-sometax-someterm.php. In the case of Post Formats, the taxonomy is ‘post_format’ and the terms are ‘post-format-{format}. i.e. taxonomy-post_format-post-format-link.php
  2. taxonomy-{taxonomy}.php – If the taxonomy were sometax, WordPress would look for taxonomy-sometax.php
  3. taxonomy.php
  4. archive.php
  5. index.php

Custom Post Types display

  1. archive-{post_type}.php – If the post type were product, WordPress would look for archive-product.php.
  2. archive.php
  3. index.php

 

(when displaying a single custom post type see the Single Post display section above.)

Author display

  1. author-{nicename}.php – If the author’s nice name were rami, WordPress would look for author-rami.php.
  2. author-{id}.php – If the author’s ID were 6, WordPress would look for author-6.php.
  3. author.php
  4. archive.php
  5. index.php

Date display

  1. date.php
  2. archive.php
  3. index.php

Search Result display

  1. search.php
  2. index.php

404 (Not Found) display

  1. 404.php
  2. index.php

Attachment display

  1. MIME_type.php – it can be any MIME type (image.phpvideo.phpapplication.php). For text/plain, in order:
    1. text.php
    2. plain.php
    3. text_plain.php
  2. attachment.php
  3. single-attachment.php
  4. single.php
  5. index.php

Basic Templates

อย่างน้อยๆ template ต้องมี 2 files นี้่:

  • style.css
  • index.php

 

ทั้ง 2 files จะต้องอยู่ใน templates directory ส่วน file index.php นั้น จะกำหนดให้ประกอบไปด้วยส่วนไหนบ้าง ก็แล้วแต่ความต้องการของคนสร้าง template คือ สามารถมีได้ตั้งแต่ header, sidebar, footer, content, categories, archives, search, error, หรืออะไรก็ตามที่ WordPress รองรับ

ถ้าคนที่สร้าง template ไม่ได้กำหนด file ใด file หนึ่งมาให้ WordPress จะใช้ตาม default ปกติ เช่น ถ้าใน templates folder ไม่มี comments.php WordPress จะใช้ wp-comments.php แทน เป็นต้น แต่ถ้าจะให้แน่นอน คนที่ template ก็ควรจะเตรียม files ต่างๆให้พร้่อมไว้จะดีกว่า

 

โดยปกติ template ที่สร้างกัน จะมี 4 files นี้:

  • comments.php
  • footer.php
  • header.php
  • sidebar.php

 

การจะใช้พวก template files เหล่านี่ ก็แค่เรียกใน index.php ด้วยคำสั่งเหล่านี้

  • get_header()
  • get_sidebar()
  • get_footer()
  • get_search_form()

 

Reference Site:  http://codex.wordpress.org

 

เนื้อหาที่เกี่ยวข้อง :

One Response to WordPress – ทำความเข้าใจกับ WordPress Theme

  1. admin says:

    ทดสอบ Point system

Leave a Reply

Your email address will not be published. Required fields are marked *