[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


Discover more from naiwaen@DebuggingSoft

Subscribe to get the latest posts to your email.