แจกของฟรี

 มาถึงขั้นตอนที่เราจะเริ่มเขียนโค้ดกันแล้วนะครับ หลังจากที่เรารู้มาละ ว่าใน folder theme ของเรานั้น น่าจะประกอบด้วยไฟล์อะไรบ้าง ก่อนเริ่มเขียนโค้ดมาดูโครงสร้างพื้นฐานของตัว Theme WordPress ทั่ว ๆ ไปกันก่อน ว่ามีลักษณะอย่างไรโครงสร้างของ Template ไฟล์เว็บทั่ว ๆ ไปปรกติแล้ว ก็จะมีการจัดสรรแบ่งส่วนกันเป็น 4 ส่วนใหญ่ ๆ อยู่แล้วนั่นก็คือ

• Header
• Content
• Sidebar
• Footer

 
ผมจะจับคู่ให้ดูนะครับ ว่าแต่ละส่วนมันจะเป็นไฟล์ชื่ออะไรใน theme ของเรา โดย

• Header : แน่นอนว่ามันคือไฟล์ header.php
• Content :  ในส่วนนี้จะเป็นไฟล์พวก page.php, index.php หรือ single.php อันนี้ก็แล้วแต่ว่าหน้าที่เราเปิดเป็นหน้าลักษณะไหน จากที่อธิบายไปแล้วในบทความก่อนหน้า
• Sidebar : ก็คือไฟล์ sidebar.php
• Footer : และไม่ผิดจากที่ต้องเป็นมันก็คือ footer.php

วิธีเขียนโค้ดเพื่อเรียกใช้งานแต่ละไฟล์นั้น ลองดูตัวอย่างโค้ดของหน้า single.php นะครับ

<?php get_header(); ?>         <div id="container">            <div id="content">             <?php get_template_part( 'loop', 'single' ); ?>             </div><!-- #content -->        </div><!-- #container --> <?php get_sidebar(); ?><?php get_footer(); ?>
นี่เป็นตัวอย่างคร่าว ๆ ในการเขียนโค้ดให้ Template ไฟล์ของเรา บทต่อ ๆ ไปจะมีการเจาะลึกลงไปมากกว่า แต่สำหรับครั้งหน้าจะเป็นการเขียนในส่วนของ header.php ว่าเราควรเขียนมันอย่างไร


ที่มา: http://www.wordpress.in.th/wordpress-article/build-wordpress-theme-structure-template/