วันพุธที่ 20 พฤษภาคม พ.ศ. 2552

WordPress: How to using SyntaxHighlighter Evolved ?

คำถาม:
อยากจะแสดง Source Code ของโปรแกรมเช่น Delphi, JAVA บน WordPress ให้สวยงาม เหมือนใน Tool ที่พัฒนา จะำทำอย่างไร ?

แนวทาง:
SyntaxHighlighter Evolved ช่วยได้ในกรณีนี้ โดยมีขั้นตอนตามนี้
ติดตั้ง Plugin ของ WordPress ที่ชื่อว่า SyntaxHighlighter Evolved
  1. Download SyntaxHighlighter Evolved
  2. หลังจากนั้นติดตั้ง Plugin ลงบน WordPress พร้อม Activated Plugin
หลังจากนั้น การใช้งานตอนที่จะ Post
  1. ตัวอย่างที่จะ Post source code JAVA ให้ใช้ Tag [java] [/java] เช่น
[java]
/**
* The HelloWorldApp class implements an application that
* simply prints "Hello World!" to standard output.
*/
class HelloWorldApp {
public static void main(String[] args) {
System.out.println("Hello World!"); // Display the string.
}
}
[/java]
หลังจาก Preview ก็จะได้ตามภาพข้างล่าง



กรณีไม่สำเร็จ:

  • ให้ดูใน header.php ภายใน Tag
    จะต้องมี

  • ใน footer.php จะต้องมี วางไว้ตรงไหนก็ได้


* header.php และ footer.php อยู่ที่ Appreance -> Editor

อ้างอิง: