การ post source code บน WordPress

Byphunsanit

การ post source code บน WordPress

เราสามารถ post code บน WordPress ได้อยู่แล้วแต่จะอ่านยากมาก ไม่มีทั้งบรรทัด ทั้งสีสันอะไรเลย จะจัดเองก็ลำบาก จะให้เค้า copy ก็ไม่สะดวกเท่าที่ควร tag code ก็ใช้ได้ไม่ตรงวัตถุประสงค์เท่าไหร่

wordpress version ใหม่เพิ่มให้ใช้ Code Block โดยไม่ต้องลง plugin แต่มันไม่สวยเลย

ความจริง WorldPress ได้มีตัวช่วยอำนวยความสะดวกแบบนี้ให้อยู่แล้ว ถ้าใช้ wordpress.com จะติดตั้งเอาไว้ให้แล้วแต่ถ้าลง WordPress บน server ของตัวเองก็ต้องลง plugin SyntaxHighlighter Evolved ก่อนครับ ตัวมันจะไม่มี gui ให้ ต้องพิมพ์

[ sourcecode language="ภาษาของ code" ]
พิมพ์ code ไว้ตรงนี้
[ /sourcecode ]

(พิมพ์ [ ] ติดกับ sourcecode นะครับ) โดยสามารถเลือกแสดงภาษาต่างๆ จากด้านล่าง

  • actionscript3
  • bash
  • ColdFusion
  • cpp
  • csharp
  • css
  • delphi
  • erlang
  • fsharp
  • diff
  • groovy
  • javascript
  • java
  • javafx
  • matlab (keywords only)
  • objc
  • perl
  • php
  • text
  • powershell
  • python
  • ruby
  • scala
  • sql
  • vb
  • xml

สามารถเขียนย่อโดยใช้ ชื่อภาษาแทน [sourcecode]…[/sourcecode] ได้เช่น [php]…[/php]เท่านี้ก็จะแสดงได้สวยงามแล้ว หรือจะปรับแต่งการแสดงผลเพิ่มอีก ถ้ากำหนด

[ sourcecode highlight="true" htmlscript="true" language="php" ]
<?php echo '<i>สวัสดีชาวโลก</i>',
'<b>ผมชื่อพิชญ์ พันธุ์สนิท</b>';
phpinfo();
[ /sourcecode ]

(พิมพ์ [ ] ติดกับ sourcecode นะครับ)
จะได้

<?php echo '<i>สวัสดีชาวโลก</i>',
'<b>ผมชื่อพิชญ์ พันธุ์สนิท</b>';
phpinfo();

อ่านเพิ่มเติม

About the author

phunsanit administrator

Leave a Reply