จากบทความที่แล้ว การเขียน theme wordpress ตอนที่ 1 เรารู้จักกับ โครงสร้างของ wordpress กันไปแล้ว วันนี้มาเตรียมตัวกัน ว่าจะต้องทำอะไรบ้างครับ เริ่มจาก

  • ไฟล์ Worksheet อันนี้ ลองเอาไปอ่านศึกษากันดู หน้าเดียว แต่รวบรวมทุกอย่างไว้เกือบทั้งหมด คลิกดาวน์โหลด  แล้วมาเริ่มกันเลย

การสร้าง Theme WordPress ใช้งานเอง

  • สร้างไฟล์ header.php เขียนอย่างไร

อธิบาย header.php

  • ประกาศ doctype + <html> และ <head> ตามนี้ (สามารถนำไปใช้ได้ทุกธีม)

  •  ประกาศ meta tag และ title (จะเห็นว่า ในแท็กเหล่านี้ มีคำสั่ง php แทรกตลอดเช่น <?php bloginfo(‘name’); ?> คือประกาศชื่อ blog name ของเว็บครับ)

  •  การประกาศใช้ stylesheet และ จาวาสคริปต์ ตบท้ายด้วย pingback และ <?php wp_head(); ?> เพื่อให้รู้ว่า จบส่วนของ header แล้วนะ

ปล. หากจะใช้ path ของธีม ให้ใช้ <?php bloginfo(‘template_url’); ?> เป็นตัวอ้างอิงแบบนี้ <img src=”<?php bloginfo(‘template_url’); ?>/images/picture.jpg” /> เป็นต้น ชื่อไฟล์ต่างๆ รูปภาพ ก็สามารถใช้ path นี้ได้

จากการใช้งานเบื้องต้น สามารถนำโค้ดตัวอย่างนี้ไปใช้ได้เลย เปลี่ยนแค่ stylesheet name หรือ javascript ต่างๆเท่านั้นเองครับ

  • สร้างไฟล์ footer.php เขียนอย่างไร

  •  จะเห็นว่า ในไฟล์  footer นัั้น แทบไม่มีอะไรเลย นอกจาก tag ปิดต่างๆ ที่สร้างขึ้นใน header.php เราแค่ประกาศ <?php wp_footer(); ?> เพื่อบอกให้รู้ว่า สิ้นสุด footer แล้วนะเท่านั้นเอง นอกนั้นจะใส่โค้ดอะไร ค่อยมาว่ากันทีหลังครับ

วันนี้ขอจบการสร้าง theme wordpress ใช้งานเองแค่ header กับ footer นะครับ ครั้งหน้าจะเข้าสู่หน้า index กัน

บทความโดย tsupaman.com

Comments