เราสามารถ post code บน WordPress ได้อยู่แล้วแต่จะอ่านยากมาก ไม่มีทั้งบรรทัด ทั้งสีสันอะไรเลย จะจัดเองก็ลำบาก จะให้เค้า copy ก็ไม่สะดวกเท่าที่ควร tag code ก็ใช้ได้ไม่ตรงวัตถุประสงค์เท่าไหร่
wordpress version ใหม่เพิ่มให้ใช้ Code Block โดยไม่ต้องลง plugin แต่มันไม่สวยเลย
ถ้าใช้ wordpress.com จะติดตั้งเอาไว้ให้แล้วแต่ถ้าลง WordPress บน server ของตัวเองก็ต้องลง plugin SyntaxHighlighter Evolved ก่อนครับ ตัวมันจะไม่มี gui ให้ ต้องพิมพ์ความจริง WorldPress ได้มีตัวช่วยอำนวยความสะดวกแบบนี้ให้อยู่แล้ว
[sourcecode language="ภาษาของ code"]
พิมพ์ code ไว้ตรงนี้
[/sourcecode]
(พิมพ์ [ ติดกับ sourcecode นะครับ)
โดยสามารถเลือกแสดงภาษาต่างๆ จากด้านล่าง
- ActionScript
- Arduino
- BASH / Shell
- C / C++
- C#
- Clojure
- ColdFusion
- CSS
- Delphi / Pascal
- diff / patch
- Erlang
- F#
- Go
- Groovy
- Haskell
- HTML / XHTML / XML / XSLT
- Java
- JavaFX
- JavaScript
- LaTeX
- MATLAB
- Objective-C
- Perl
- PHP
- Plain Text
- PowerShell
- Python
- R
- Ruby / Ruby on Rails
- Scala
- SQL
- Swift
- Visual Basic
- YAML
เท่านี้ก็จะแสดงได้สวยงามแล้ว หรือจะปรับแต่งการแสดงผลเพิ่มอีก
ตัวแปร | หน้าที่ | ตัวเลือก | ค่าตั้งต้น |
autolinks | ทำให้ Uri ภายในสามารถ คลิกได้ | true/false | true |
collapse | จะยุบส่วนแสดง code เอาไว้ก่อน ต้องกดดูจึงจะเห็น | true/false | False. |
firstline | ตัวเลขบรรทัด | ตัวเลข | 1 |
gutter | แสดงตัวเลขบรรทัด | true/false | True |
highlight | Highlight บรรทัดที่ต้องการ | ตัวเลขบรรทัดคั่นด้วย , | |
htmlscript | Highlight ส่วนที่เป็น html มีประโยชน์เวลาเขียน html ปนกับภาษาอื่นๆ | true/false | False |
light | จะซ่อนส่วนแสดงเลขบรรทัดและ toolbar ถ้ามีไม่กี่บรรทัด | true/false | False |
padlinenumbers | ควบคุมการระยะห่างการแสดงเลขบรรทัด
| true/false/ตัวเลข | |
title | แสดง title | string | |
toolbar | แสดง toolbar | true/false | True |
wraplines | สลับสีของแต่ละบรรทัด | true/false | True |
ถ้ากำหนด
[sourcecode language="php" htmlscript="true" firstline="24"]
<?php
echo 'สวัสดีชาวโลก';
[/sourcecode]
(พิมพ์ [ ติดกับ sourcecode ไม่ต้องเว้นวรรค) จะได้
<?php
echo 'สวัสดีชาวโลก';
อ่านเพิ่มเติม
About the author