[WordPress] แสดง Source Code อย่างมีสีสันบน Blog ของเรา

ผมได้เขียน Blog มานานหลายปีแล้ว ซึ่งใน Blog แต่ละตอน อาจจะต้องมีแทรก Code snippet บ้าง เพื่ออธิบาย หรือเป็นตัวอย่างให้กับผู้อ่านได้เห็นภาพนะครับ โดยวันนี้ผมเลยอยากจะมีแนะนำ Plug-in ช่วยแสดง Source Code อย่างมีสีสันบน Blog ของเรา จากประสบการณ์ที่ได้ลองมาหลายตัวนะครับ

Crayon Syntax Highlighter

• จุดเด่น
  • สามารถ Highlight ได้จาก Post, ไฟล์ที่ upload ขึ้นไป และจาก URL
  • ไม่ต้อง Config อะไรเยอะ ใส่ใน Tag <pre> แล้วมันจะค้นหาภาษา แล้วจัด format ให้ครับ
  • Config ที่มีให้ปรับแต่งเยอะครับ
  • สวยครับ
• จุดด้อยมัน
  • มันง่ายเกินไป จนไม่ค่อยมี Document
  • ถ้าแสดงคุณสมบัติของ Tag <pre> เดิมๆ ต้องใช้ข้อมูลที่ไม่ใช้ Source Code นะ

SyntaxHighlighter Evolved

สำหรับ Plug-in ตัวนี้ ผมใช้มานานแล้วครับ

• จุดเด่น
  • มี Config ให้มาไม่เยอะมาก เหมาะสำหรับคนที่เริ่มต้น
  • ตัวอย่างที่ใช้งานเยอะมากกกกก
  • Plug-in มีการพัฒนามายาวนานแล้วครับ และตอนนี้ก็ย้ายไปอยู่บน GitHub แล้ว
• จุดด้อย
  • ใช้ Tag พิเศษในการกำหนดว่า ต้องเป็นภาษาอะไร

หลังจากบอกจุดเด่น/จุดด้อยไปแล้ว ของแต่ละ Plugin ที่ผมคิดว่าดี และเหมาะกับ WordPress นะครับ สำหรับผมตอนนี้พยายามใช้ Crayon Syntax Highlighter เพราะ Config น้อยและไม่ต้องจำ Tag พิเศษเพิ่มนะครับ แสดง Highlight จากที่มาได้หลายแหล่งครับ และอาจจะเพิ่ม โดยอาจจะลิงค์จาก Git หลังจากที่สมัครไว้มานานเลย แต่ยังไม่ได้ commit อะไรขึ้นไป 555