รวมวิธีการใช้ Wordpress, Joomla, Drupal, Magento และ SEO » syntax http://killthewhat.com Knowledge Base by howhost.com Fri, 24 Dec 2010 15:00:17 +0000 en hourly 1 http://wordpress.org/?v=3.0.3 Plugin : SyntaxHighlighter แสดง code สวยๆบน wordpresshttp://killthewhat.com/wordpress-tutorials/plugin-syntaxhighlighter-%e0%b9%81%e0%b8%aa%e0%b8%94%e0%b8%87-code-%e0%b8%aa%e0%b8%a7%e0%b8%a2%e0%b9%86%e0%b8%9a%e0%b8%99-wordpress/ http://killthewhat.com/wordpress-tutorials/plugin-syntaxhighlighter-%e0%b9%81%e0%b8%aa%e0%b8%94%e0%b8%87-code-%e0%b8%aa%e0%b8%a7%e0%b8%a2%e0%b9%86%e0%b8%9a%e0%b8%99-wordpress/#comments Mon, 29 Jun 2009 10:57:12 +0000 snappy http://killthewhat.com/?p=3073 > SyntaxHighlighter วิธีใช้งานน่ะครับ เขียนเนื้อหาปกติอะครับ แต่ถ้าจะใส่ code ที่จะสอนลงไปก็ตามนี้ครับ ใส่ code ที่ต้องการ รูปภาพด้านล่างคือตัวอย่างการแสดงผลออกมาครับ Link : http://wordpress.org/extend/plugins/syntaxhighlighter/]]> เป็น plugin ที่ผมตามหามานานแสนนาน สำหรับ plugin ในลักษณะแบบนี้ มันเอาไว้ใช้แสดง code ที่เราจะพิมพ์ออกมาในหน้าบทความเราให้ออกมาในรูปแบบที่ดูง่ายขึ้น มีการไฮไลท์สี และแสดงบรรทัด เหมาะสำหรับบทความที่ต้องการสอนเรื่องในการเขียน code ของภาษาต่างๆ เช่น CSS , PHP , HTML เป็นต้น ซึ่งผมถูกใจมากที่สุด เพราะเป็นปัญหามาโดยตลอดในการเขียนใส่ลงในเนื้อหาเพื่อให้แสดงผลออกมาในรูปแบบ code ให้คนที่เข้าชมเว็บเราสามารถ copy นำไปใช้งานได้เลย

โดยให้เราดาวโหลด SyntaxHighlighter มาทำการติดตั้งบน wordpress ของเราครับ แล้วทำการ Active ตัว plugin ครับ

จากนั้นถ้าต้องการปรับแต่งค่าต่างๆให้ไปที่ Settings >> SyntaxHighlighter
syntaxhighlighter
syntaxhighlighter

วิธีใช้งานน่ะครับ เขียนเนื้อหาปกติอะครับ แต่ถ้าจะใส่ code ที่จะสอนลงไปก็ตามนี้ครับ

ใส่ code ที่ต้องการ

syntaxhighlighter

รูปภาพด้านล่างคือตัวอย่างการแสดงผลออกมาครับ
screenshot-1

Link : http://wordpress.org/extend/plugins/syntaxhighlighter/

]]> http://killthewhat.com/wordpress-tutorials/plugin-syntaxhighlighter-%e0%b9%81%e0%b8%aa%e0%b8%94%e0%b8%87-code-%e0%b8%aa%e0%b8%a7%e0%b8%a2%e0%b9%86%e0%b8%9a%e0%b8%99-wordpress/feed/ 0