[WP] WP-Syntax : Code Markup WordPress Plugin

syntax_highlighting.jpg

คุณสมบัติของ WP-Syntax

ปลั๊กอิน ตัวนี้จะช่วยให้การแทรกโค้ด ที่ไม่ว่าจะมาจากภาษา php java c# หรืออื่นๆ ก็ทำได้อย่างง่ายดาย

ขั้นตอนการติดตั้ง

1. ไปโหลด Plugin มาก่อนที่ http://wordpress.org/extend/plugins/wp-syntax/
2. หลังจากที่แตกไฟล์แล้วให้ เอาโฟลเดอร์ ไปไว้ใน wp-content >plugins
3. เข้าระบบ Admin แล้วเลือก Plugins (ที่อยู่ทางด้านบนขวาของจอ)
4. ทำการ Active  WP-Syntax ซะ
5. เสร็จสิ้นขั้นตอนการติดตั้ง

การใช้งาน

1. เมื่อต้องการแทรกโค้ดที่ส่วนใดให้ใส่ : <pre lang="LANGUAGE" line="1"> โค้ดที่ต้องการแสดง </pre>

2. กำหนดภาษา : เปลี่ยน LANGUAGE เป็น ภาษาที่ต้องการ เช่น

abap, actionscript, actionscript3, ada, apache, applescript, aptsources, asm, asp, autoit, avisynth, bash, bf, bibtex, blitzbasic, bnf, boo, c, cmac, caddcl, cadlisp, cil, cfdg, cfm, cmake, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, erlang, fo, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, locobasic, lolcode lotusformulas, lotusscript, lscript, lsl2, lua, m68k, make, matlab, mirc, modula3, mpasm, mxml, mysql, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle11, oracle8, pascal, per, pic16, pixelbender, perl, php-brief, php, plsql, povray, powershell, progress, prolog, properties, providex, python, qbasic, rails, rebol, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xml, xorg_conf, xpp, z80

3. การกำหนด Line number

– ถ้าไม่ต้องการ Line number : <pre lang="LANGUAGE">

– ต้องการ Line number : <pre lang="LANGUAGE" line="1">

– ต้องการ Line number ที่เริ่มด้วยบรรทัดที่ 18 : <pre lang="LANGUAGE" line="18">

4. ดูตัวอย่างเพิ่มเติมในการใช้งานได้ที่ http://wordpress.org/extend/plugins/wp-syntax/other_notes/

ตัวอย่างการใช้งาน

1. แทรก <pre lang="php" line="1"> โค้ดที่ต้องการแสดง </pre> ในใส่ที่ต้องการแสดงโค้ด

2. นำโค้ดด้านล่างไปวางระหว่าง

<?php
class Blog extends Controller {

function index()
{
echo ‘Hello World!’;
}
}
?>

3. ดูผลของการทดสอบ

< ?php
class Blog extends Controller {

    function index()
    {
        echo 'Hello World!';
    }
}
?>

Leave a comment