เริ่มต้นเขียน Theme ของ WordPress ใช้เอง ตอนที่ 2

จากตอนที่แล้ว ผมพาไปดูโครงสร้างไฟล์และคอนฟิกธีมเบื้องต้นใน?เริ่มต้นเขียน Theme ของ WordPress ใช้เอง ตอนที่ 1 กันไปแล้ว ตอนนี้จะพาไปดูกับส่วนที่สำคัญที่สุดในธีม นั่นคือ The Loop ครับ

ก่อนอื่นต้องเข้าใจวิธีการแสดงเนื้อหาของ WordPress นิดนึง คือใน WordPress จะใช้วิธีแสดงผลข้อมูลอย่างเดียวกันหมด คือผ่านการลูปครับ ซึ่งการลูปแต่ละรอบ WordPress จะปรับค่าตัวแปรต่างๆ ให้ตรงกับเนื้อหาขณะนั้นให้อัตโนมัติ เราสามารถเรียกแสดงผลผ่านฟังก์ชั่นต่างๆของเวิร์ดเพรสะ หรือตัวแปร $post ได้เลย

โครงสร้างพื้นฐาน The Loop

จริงๆแล้ว The Loop นั้นก็คือ while ปกติของ php นั่นเองครับ วิธีใช้ก็ประมาณนั้น

while (have_posts()) :
	the_post();

	.. ใส่โค๊ดอื่นๆตรงนี้ ..
endwhile;

Read More

เริ่มต้นเขียน Theme ของ WordPress ใช้เอง ตอนที่ 1

อยู่ก็อยากเขียนบทความยาวๆสักชุดนึง (ได้ข่าวว่าชุดเก่าก็ยังไม่เสร็จ) แต่ไม่รู้จะทำอะไรดี พักนี้รับงานเวิร์ดเพรสอยู่ เอาเป็นว่าจะเขียนบทความแนะนำการสร้างธีมของ WordPress เบื้องต้นให้แล้วกันครับ เผื่อใครที่ต้องการที่จะเขียนธีมใช้เอง โดยในตอนแรก ผมจะพาไปรู้จักกับโครงสร้างไฟล์ธีมของ WordPress และการคอนฟิกธีมเบื้องต้นกันก่อนนะครับ การเขียนคำสั่งต่างๆ จะพาไปรู้จักกันในตอนถัดไป

อ้อ ก่อนอื่น ผมจะสมมุติว่าทุกท่านมีพื้นฐาน PHP, HTML, และ CSS มาอยู่แล้วนะครับ (ถึงไม่มีก็อ่านได้ครับ แต่ถ้ามี จะเข้าใจง่ายกว่า)

ไฟล์ธีมที่สำคัญของ WordPress

ระบบธีมของ WordPress เอาเข้าจริงแล้วมันคือไฟล์ php ธรรมดาๆ ที่เรียกใช้ฟังก์ชั่นต่างๆของ WordPress เราจะพูดว่า WordPress เป็นชุดคำสั่งสำเร็จรูปให้เราเอามาสร้างเป็นเว็บ ก็เห็นจะไม่ผิดนัก โดยพื้นฐานแล้ว ธีมของ WordPress มีเพียงสองไฟล์ ก็สามารถทำงานได้แล้ว นั่นคือ

  1. index.php
  2. style.css

ที่พูดมานี่เรื่องจริงนะเออ ถ้าไม่เชื่อ ลองโหลดไปดูครับ: example01.rar

Read More

ทำ Custom Page ในแบบของตัวเอง

ปกติแล้วใน WordPress เมื่อเราสร้างหน้า (Pages) ใหม่ขึ้นมา หน้านั้นๆ จะขึ้นอยู่กับธีมของบล็อกเรา ซึ่งบางที (ไม่สิ เกือบทุกทีเลย) ที่ทำให้ Custom Page ของเรามันดูจืดชืดไร้คำบรรยาย ไอ้ครั้นจะทำ Static page มาโยนใส่ มันก็ดันไปติด rewriting rules ของ WordPress เสียอีก จะทำยังไงดี

จริงๆแล้ว WordPress นั้นรองรับการสร้าง Templates ขึ้นมาใช้งานเฉพาะแต่ละหน้า ซึ่งเมื่อเราสร้างหน้าใหม่ขึ้นมา หากสังเกตุดีๆ ตรงกล่ิอง Page Attributes นั้นจะมีตัวเลือกหนึ่งในเลือก นั่นคือ Template

นั่นแหละครับ เราสามารถสร้าง Template ขึ้นมาสำหรับใช้งานเฉพาะแต่ละหน้าได้เช่นกัน อย่างเช่นไม่กี่วันก่อนนี้ ผมก็ใช้ Custom Page Template สร้างหน้า Contact ขึ้นมาเช่นกัน

Read More

ธีม WordPress แรกที่ทำเอง – jirayu01

นั่งทำธีมอยู่สองวัน (นานมากกกก) แอบทำสลับไปมากับงานของแฟน (วอนโดนแฟนเชือด) ซึ่งปัจจุบันสภาพมันยังขาดไปก็คือ Sidebar ครับ ซึ่งผมยอมรับว่าหมดมุก สมองตัน ไม่รู้จะออกแบบส่วนของ Sidebar ยังไงดี ก็เลยยังปล่อยโล่งๆไว้ก่อน (ที่โล่งๆทางขวามือนั่นแหละครับ) ไอ้จะใส่ Search มันก็ไปลอยอยู่ข้างบนแล้ว พวก Social Network Link ก็เช่นกัน Meta ก็ด้วย :P

Clipboard-10

ตอนนี้นั่งคิดดูก็เหลือ Calendar, Tag, Categories, Archives, Blogroll แล้วก็พวก Favorites, Lastest Post/Comment อะไรประมาณนั้น อ้อ แล้วก็ Ads. ด้วย (ตอนนี้ก็ฝัง Adsense ลงเมนูบาร์ไปอันนึง ฮ่าๆ) Read More