Tag Archive block

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 language="php" htmlscript="true" firstline="24" ]
<?php
echo "สวัสดีชาวโลก"
[ /sourcecode ]

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

<?php
echo "<h1>สวัสดีชาวโลก</h1>"

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