wordpress Archives - JIRAYU.IN.TH

ธีมเวิร์ดเพรส โง่ๆ ง่ายๆ ในหนึ่งชั่วโมง

jirayu on March 23, 2017

วันนี้นึงยังไงไม่รู้ อยากเปลี่ยนธีมบล็อกเสียใหม่ ลอกหน้าตาแบบ Medium มานั่นแหละ แต่หาธีมฟรีสวยๆ ถูกใจไม่เจอ เลยตัดสินใจเขียนมันขึ้นมาเองนี่แหละ

ธีมโง่ๆ ง่ายๆ คือธีมขาวๆ ที่เห็นอยู่ตอนนี้นั่นแหละ ทำง่ายๆ ด้วยการโยน Bootstrap 4 Alpha 6 เข้ามา เขียนโครง HTML ง่ายๆ ใส่ Template Tags แล้วก็เขียน CSS เพิ่มเติมอีกนิดหน่อย ก็ออกมาสวยงาม (มั๊ง) อย่างที่เห็น และตั้งชื่อง่ายๆ ว่า Strip

เอาว่าใครสนใจธีมที่แกะไปก็ไม่ได้ประโยชน์ใดๆ อันนี้ ไปโหลดได้จาก GitHub

บอกเลยว่าธีมนี้เขียนด้วยวิธีโบราณมาก ไม่มีใช้ Packages Manager อะไรให้วุ่นวาย ไม่มีการใช้ CSS Pre-processor ไม่มีการเขียน Unit Test เขียนเสร็จอัพโหลดผ่าน FTP แล้วกด Refresh หน้าเว็บ เรียกได้ว่าเป็นที่บางคนเรียกว่า “Cowboy Coding” อย่างเต็มขั้น ดังนั้นหากใครรับไม่ได้กับวิธีโบราณแบบนี้ โปรดระวังอาการหัวใจล้มเหลวเฉียบพลันครับ

ไปละ บาย

แสดงภาพตัวอย่างอัตโนมัติกรณีไม่ได้ตั้ง Featured Image

jirayu on March 4, 2015

ปกติแล้วเวลาเราออกแบบธีมเวิร์ดเพรส มักจะออกแบบมาเผื่อให้มี Featured Image (อีกชื่อคือ Post Thumbnail) กันอยู่แล้ว ปัญหาคือเวลาเอาไปใช้จริงๆ เรากลับไม่ได้ตั้งภาพตัวอย่างให้กับทุกๆ โพสต์ ทำให้มันออกมาหน้าตาพิการๆ ไม่เป็นอย่างที่เราต้องการ คล้ายๆ กับแบบนี้

โดยปกติที่ผมเจอ จะใช้วิธีเช็ค if … else กับฟังก์ชัน has_post_thumbnail() กัน ว่ามีภาพ Featured Image หรือไม่ ถ้าออกมาเป็น false จึงค่อยแสดงภาพที่เตรียมไว้ … โค๊ดมันก็จะรกๆ ประมาณนี้

if(has_post_thumbnail()){
	the_post_thumbnail();
}else{
	echo '<img src="http://placehold.it/390x280">';
}

ครับ มันรก จริงๆ แล้วเราสามารถทำให้เหลือแค่ the_post_thumbnail() อันเดียวโดดๆ ได้ ด้วยการใช้ Filter เข้ามาช่วยครับ

Cache ในเวิร์ดเพรส ด้วย WP Super Cache

jirayu on September 9, 2014

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

ผมทดสอบความเร็วการเข้าเว็บด้วย http://webwait.com/ ครับ ผมเข้าใจว่ามันวัดจากเน็ตเรานี่แหละ โดยเมื่อปิดใช้งานแคช บล็อกนี้จะใช้เวลาเข้าถึงเฉลี่ยประมาณ 1.2 วินาที ตามภาพนี้

การเข้าถึงโดยไม่มีแคช

จริงๆ มันก็จัดว่าต่ำอยู่แล้ว (ก็บล็อกมันไม่ได้โหลดหนักอะไรนี่เนอะ) แต่เพื่อความสนุกส่วนตัว เลยจะลองเปิดใช้งาน Cache ดูครับ

รู้จักกับ Child Theme ใน WordPress

jirayu on September 4, 2014

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

Child Theme ในเวิร์ดเพรส

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

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

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

jirayu on March 12, 2014

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

และสำหรับเนื้อหาในตอนที่ 3 ผมจะพาไปรู้จักกับฟังก์ชันหลักๆ ที่เราใช้กันใน The Loop กันครับ

อะไรคือฟังก์ชันใน The Loop?

ฟังก์ชันของ WordPress ตามความเข้าใจของผมคือจะมีอยู่ 2 ประเภท คือ 1. กลุ่มที่ใช้ได้เฉพาะใน The Loop เท่านั้น และ 2. กลุ่มที่สามารถใช้นอก The Loop ได้