19 April 2009สร้าง WordPress Theme ของตัวเอง ตอนที่ 2

my-wp-theme-001ต่อจากตอนที่แล้ว หลังจากที่หาข้อมูลทางอินเตอร์เน็ตได้สักระยะ ก็เริ่มต้นลงมือทำ WordPress Theme เองแล้ว, ข้อกำหนดในการทำของผม สำหรับช่วงแรกนี้ก็คือ ต้องเป็นโทนสีมืดๆ ดำๆ เพื่อช่วยให้หน้าจอใช้พลังงานน้อยลงในการแสดงผล (ลดโลกร้อน), Theme จะต้องสามารถปรับแก้ไขได้ตามอำเภอใจ โดยไม่ต้องเข้าไปแก้ Code หมายถึงต้องมีหน้า config เพิ่มขึ้นสำหรับปรับแต่งได้ทาง backend, สามารถโชว์ Headline และ Featured Article จาก Category ที่กำหนดได้, ซึ่งด้วยข้อกำหนดพื้นฐานแรก ใช้เวลานั่งทำ 2 คืน ก็ทำได้ระดับหนึ่งแล้ว

เกริ่นให้ทราบก่อน ว่าผมเอา Theme ฟรี ทั้งของพี่เม่นที่ชื่อว่า BlogHappen ของ Wootheme เป็นต้นแบบในการเขียน Code ต่างๆ  ประกอบไปกับการศึกษา Code จาก Theme ที่มีชื่อว่า Arthemia สำหรับ code พวกที่ใช้ในการเลือกบทความจากเฉพาะ Category ที่ต้องการมาแสดงเป็น Healine และ Featured Stories …

มีเมนูสำหรับแก้ไขปรับแต่ง theme ในหน้า backend แล้ว

my-wp-theme-002 จากการศึกษา Theme ของ WooThemes นั่นเอง ก็ทำให้เข้าใจ Code ที่ใช้ในการเปิดเมนูสำหรับปรับแต่ง Theme ขึ้นมา…

ซึ่งในส่วนนี้ สามารถเลือกได้ว่า จะเอาเมนูไปโชว์ตรงไหน โชว์ภายใต้เมนูหลักที่ชื่อว่า Appearance หรือว่า กระโดดออกมาเป็นส่วนตัวเลย .. ซึ่งผมเลือกให้มันกระโดดออกมา..

สำหรับ หน้าต่างตัวแปรต่างๆ ค่าต่างๆ ยังไม่แสดงให้เห็นตอนนี้ เพราะว่ายังทำไม่เสร็จ มี Code ของ WooThemes หลงเหลืออยู่มากเกินไปหน่อย .. เอาไว้ทำเสร็จแล้วค่อยเอามาให้ดูกันจริงๆ จังๆ อีกที.. นะครับ

my-wp-theme-003


Tags:
มีคนชมทั้งหมด 924 ครั้ง
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 4.00 out of 5)
Loading ... Loading ...

3 Responses to “สร้าง WordPress Theme ของตัวเอง ตอนที่ 2”

  1. wit says:

    style การใช้ excerpt ในหน้า index แบบที่ Bloghappens ของพี่เม่นใช้เนี่ย
    ผมรู้สึกว่ามันเหมาะกับคนที่เขียนแบบมีการลำดับความคิดเป็นขั้นตอนได้ดี
    บางอารมณ์ผมแค่อยากจะเขียนบอกสิ่งที่คิดอยู่ในหัวออกมา
    ก็รู้สึกว่าพอถึงตรงที่ต้องตัด excerpt มาแปะหน้าแรกมันต้องเรียบเรียงใหม่
    เลยคิดว่าอาจจะไม่เหมาะกับวิธีการเขียนเชิงบ่น แบบที่ผมทำอยู่บน exteen น่ะครับ

  2. ของขวัญ says:

    อยากทราบว่ามีการจัดทำคู่มือของการทำ theme แบบละเอียดๆ บ้างไหมครับ
    อยากทำเหมือนกันครับ รบกวนได้ไหมครับ

Leave a Reply

Spam Protection by WP-SpamFree Plugin

Get Adobe Flash playerPlugin by wpburn.com wordpress themes