Category: WordPress Development

กำหนด URL structure ได้ตามใจด้วย AltoRouter

กำหนด URL structure ได้ตามใจด้วย AltoRouter

อธิบายก่อนว่าเมื่อประมาณต้นปีที่ผ่านมา ผมได้ทำเว็บไซต์เว็บหนึ่งที่ภายในเว็บไซต์จะมี whitepaper ให้ดาวน์โหลด ซึ่งก่อนโหลดจะต้องมีการกรอกฟอร์มก่อน แล้วค่อย redirect ไปที่อีก URL หนึ่ง ซึ่งมันก็เป็น permalink เดิมแหละ แค่ต้องมีพารามิเตอร์เพิ่มเข้ามา ปกติแล้วเราก็ใช้วิธีเพิ่ม query string เข้าไป เช่น URL … อ่านต่อ
WordPress Development July 20, 2020
Regular และ Extended license บน Envato Market

Regular และ Extended license บน Envato Market

ใครที่เคยซื้อธีมและปลั๊กอินจากบน Envato Market ไม่ว่าจะเป็น Themeforest หรือ Codecanyon (และอื่นๆ อีกมากมาย) จะต้องเจอกับตัวเลือกว่าจะซื้อธีมหรือปลั๊กอินนั้นๆ ด้วยไลเซนส์แบบไหน และที่เราเจอกันบ่อยที่สุดก็คือ Regular และ Extended license เวลาเราถามว่าไลเซนส์ทั้งสองแบบนั้นต่างกันอย่างไร เราจะได้ข้อสรุปสั้นๆ ว่าแบบ Regular … อ่านต่อ
WordPress Development July 20, 2019
การส่งค่าจาก PHP ไปหา JavaScript ใน WordPress

การส่งค่าจาก PHP ไปหา JavaScript ใน WordPress

เวลาเราทำเว็บด้วย WordPress และมีการต้องมาเกี่ยวข้องกับการเขียน JavaScript ในหลายครั้งจะต้องมีการเรียกใช้ค่าจากฝั่ง PHP เนื่องด้วย PHP และ JavaScript นั้นทำงานคนละที่กัน (PHP ทำงานบนเซิร์ฟเวอร์ และ JavaScript ทำงานฝั่งเบราเซอร์) ทำให้เราจะส่งค่าจาก PHP ไปให้ JavaScript … อ่านต่อ
WordPress Development March 24, 2019
สร้างบล็อค Gutenberg แบบง่ายๆ ด้วย Advanced Custom Fields

สร้างบล็อค Gutenberg แบบง่ายๆ ด้วย Advanced Custom Fields

หลังจากที่เวิร์ดเพรส 5.0 ได้นำเสนอ Gutenberg ซึ่งเป็นตัวแก้ไขเนื้อหาตัวใหม่ที่เขียนด้วยจาวาสคริปท์ออกมา ก็ได้มีเครื่องมือหลายตัวถูกปล่อยออกมาเพื่อช่วยให้เราสามารถสร้างบล็อค Gutenberg เพิ่มเติมได้ง่ายขึ้นเช่น create-guten-block ที่เราเคยพูดถึงไปบ้างแล้ว สำหรับใครที่ทำเว็บใหญ่ๆ ด้วยเวิร์ดเพรสมาก่อน คงคุ้นเคยกับปลั๊กอินคู่บุญชาวเวิร์ดเพรสอย่าง Advanced Custom Fields เป็นอย่างดี ซึ่งตัวมันนั้นครอบคลุมสากเบือยันเรือรบ เช่นทำ Custom … อ่านต่อ
Gutenberg February 11, 2019
เขียนธีม WordPress ด้วย Sage 9 – ตอนที่ 4 ควบคุมข้อมูลด้วย Controller

เขียนธีม WordPress ด้วย Sage 9 – ตอนที่ 4 ควบคุมข้อมูลด้วย Controller

จากตอนที่ผ่านๆ มา  เราได้กล่าวถึง Controller กันไปบ้างแล้ว  โดยในแนวคิดการเขียนโปรแกรมแบบ MVC นั้น  ส่วนของการแสดงผลและการประมวลผลจะแยกออกจากกันอย่างชัดเจน  และจะช่วยให้เราสามารถนำเอาส่วนการแสดงผล (หรือ View) กลับมาใช้งานใหม่ได้สะดวกขึ้น ให้ลองนึกตามว่าเรากำลังทำเว็บอยู่เว็บหนึ่ง  โดยในเว็บจะมีอยู่ส่วนหนึ่งที่เป็นการดึงข้อมูลจาก 3 แหล่งข้อมูลมาแสดง (สมมุติว่าเป็น Post, ข้อมูลจาก … อ่านต่อ
WordPress Development September 4, 2018
เขียนธีม WordPress ด้วย Sage 9 – ตอนที่ 3 Blade Template Engine

เขียนธีม WordPress ด้วย Sage 9 – ตอนที่ 3 Blade Template Engine

ในสองตอนที่ผ่านมาเราได้แนะนำเกี่ยวกับ Sage 9 ไปคร่าวๆ แล้ว  ซึ่งรวมไปถึงสร้างโปรเจ็กท์และการใช้จัดการแพ็คเกจต่างๆ ในขั้นต้นด้วย  ปละในตอนที่ 3 นี้เราจะมาพูดถึงหัวใจสำคัญส่วนหนึ่งของ Sage 9 นั่นคือ Blade Template Engine ครับ Blade Template Engine … อ่านต่อ
WordPress Development July 23, 2018
ปิด auto update ให้ปลั๊กอินเป็นรายตัว

ปิด auto update ให้ปลั๊กอินเป็นรายตัว

จากงานล่าสุดของผมเอง  ได้เจอปัญหาหนึ่งกับปลั๊กอิน GD Star Rating ว่าเกิดปัญหา Allowed Memory Size Exhausted หลังจากอัพเกรดไปเป็นรุ่น 2.4 โดยปัญหาเกิดจากการเรียกใช้ฟังก์ชัน gdrts_render_rating() โดยตรงในไฟล์เท็มเพลตเท่านั้น  ซึ่งทางแก้คือดาวน์เกรดกลับไปใช้รุ่น 2.3.2 ชั่วคราว ปัญหาคือระบบอัพเดทของเวิร์ดเพรสยังคงแจ้งเตือนว่ามีอัพเดทอยู่  ซึ่งหากจะปิดระบบแจ้งเตือนอัพเดทไปทั้งหมด  ก็จจะทำให้พลาดการแจ้งเตือนอัพเดทอื่นๆ ไปด้วย  … อ่านต่อ
Snippets April 7, 2018
วิธีเพิ่ม oEmbed Handler สำหรับการ Embed เนื้อหาจากเว็บที่ไม่รองรับ oEmbed

วิธีเพิ่ม oEmbed Handler สำหรับการ Embed เนื้อหาจากเว็บที่ไม่รองรับ oEmbed

ในเวิร์ดเพรสจะมีฟีเจอร์ที่เรียกว่า oEmbed ซึ่งทำหน้าที่แปลง URL ของเว็บต่างๆ ให้อยู่ในรูปแบบโค้ด Embed โดยอัตโนมัติ  เช่นเวลาเราวาง URL ของวิดีโอสักชิ้นในยูทูบลงใน editor มันก็จะ embed วิดีโอตัวนั้นลงมาให้โดยอัตโนมัติ โดยปกติแล้ว oEmbed รองรับเว็บเป็นจำนวนมากอยู่แล้ว  เช่นวิดีโอจาก YouTube … อ่านต่อ
WordPress Development April 6, 2018
เขียนธีม WordPress บนเทคโนโลยีสมัยใหม่ด้วย Sage 9 – ตอนที่ 1 แนะนำ Sage 9

เขียนธีม WordPress บนเทคโนโลยีสมัยใหม่ด้วย Sage 9 – ตอนที่ 1 แนะนำ Sage 9

Sage (ปัจจุบันเป็นเวอร์ชัน 9 ชื่อเดิมคือ Roots) เป็น Starter theme หรือธีมต้นแบบที่พัฒนาโดย Roots.io สำหรับใช้ต่อยอดสร้างเป็นธีมของเว็บขึ้นมาอีกต่อหนึ่ง (แบบเดียวกับ Underscores) และจุดเด่นของ Sage นั้นคือนำเอา Workflow และเทคโนโลยีใหม่ๆ มาช่วยในการพัฒนาธีมด้วย เว็บไซต์หลัก … อ่านต่อ
WordPress Development March 17, 2018
การแคชข้อมูลลง Transient Cache และ WP Option

การแคชข้อมูลลง Transient Cache และ WP Option

การแคชข้อมูลนั้นเป็นหนึ่งในวิธีช่วยลดโหลดของเว็บได้อย่างมีประสิทธิภาพ  เวิร์ดเพรสเองแม้จะมีปลั๊กอินสำหรับจัดการแคชอยู่มากมายหลายตัว  เช่น WP Super Cache หรือ WP Fastest Cache แต่การแคชข้อมูลต่างๆ ด้วยตัวเองก็ยังคงเป็นหนึ่งในวิธีการปรับปรุงประสิทธิภาพที่ได้ผลอยู่ดี จริงๆ เวิร์ดเพรสมีวิธีการแคชข้อมูลอยู่หลายวิธีมาก  และแต่ละวิธีก็เหมาะกับต่างสถานการณ์กันไป  ซึ่งวันนี้เราจะมาพูดถึงเรื่องการแคชระดับ Global (เรียกใช้จากที่ไหนก็ได้) ผ่าน Transient … อ่านต่อ
WordPress Development January 12, 2018