<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ไอเอินบล๊อก &#187; Syntax</title>
	<atom:link href="http://www.iearn.in.th/tag/syntax/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.iearn.in.th</link>
	<description>Just Play and Just Knowledge</description>
	<lastBuildDate>Fri, 05 Aug 2011 15:10:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>WP-Syntax ปลัี๊กอินเพิ่มสีสันให้กับบล๊อกของคุณ</title>
		<link>http://www.iearn.in.th/2008/07/13/wp-syntax-%e0%b8%9b%e0%b8%a5%e0%b8%b1%e0%b8%b5%e0%b9%8a%e0%b8%81%e0%b8%ad%e0%b8%b4%e0%b8%99%e0%b9%80%e0%b8%9e%e0%b8%b4%e0%b9%88%e0%b8%a1%e0%b8%aa%e0%b8%b5%e0%b8%aa%e0%b8%b1%e0%b8%99%e0%b9%83%e0%b8%ab/</link>
		<comments>http://www.iearn.in.th/2008/07/13/wp-syntax-%e0%b8%9b%e0%b8%a5%e0%b8%b1%e0%b8%b5%e0%b9%8a%e0%b8%81%e0%b8%ad%e0%b8%b4%e0%b8%99%e0%b9%80%e0%b8%9e%e0%b8%b4%e0%b9%88%e0%b8%a1%e0%b8%aa%e0%b8%b5%e0%b8%aa%e0%b8%b1%e0%b8%99%e0%b9%83%e0%b8%ab/#comments</comments>
		<pubDate>Sat, 12 Jul 2008 21:39:55 +0000</pubDate>
		<dc:creator>nolifelover</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Code style]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[Syntax]]></category>
		<category><![CDATA[WP-Syntax]]></category>

		<guid isPermaLink="false">http://www.jaideawhosting.com/nolifelover/?p=162</guid>
		<description><![CDATA[หายหน้าหายตาไปนานครับ เนื่องจากช่วงนี้งานเข้าเลยไม่ค่อยได้ มาทำการอัพเดดบล๊อกเท่าไร มาวันนี้จะมาแนะนำ plugins ของ wordpress ตัวหนึ่งครับที่จะทำให้โค้ดที่เขียนในภาษาต่างๆ ดูสวยงามขึ้นครับ คือเ้จ้า WP-Syntax ถามว่าทำไมเลือกตัวนี้เพราะว่าผมใช้มานานแล้วครับ เลยเลือกสำหรับใครที่มไ่ชอบตัวนี้ยังมีให้เลือกอีกนะครับ Google Syntax Highlighter for WordPress แต่ยังไงตอนนี้ใช้ WP-Syntax เอาเป็นว่ามาดูเจ้าตัวนีกันดีกว่าครับ สำหรับการติดตั้งคงเป็นเหมือนปลั๊กอินตัวอื่นครับ  wp-content/plugins/wp-syntax/ การใช้งานของตัวนี้มีอะไรไม่มากครับแค่เรารู้ syntax เบื้องต้นก็เพียงพอแล้วสำหรับการใช้งาน เราสามารถเขียนโดยให้ &#60;pre&#62; เพื่อกำหนกรูปแบบของภาษาที่เราต้องการ ตัวอย่างภาษา PHP &#60;pre lang=&#8221;php&#8221;&#62; &#60;?php function foo() { echo &#8220;Hello World!\\n&#8221;; } ?&#62; &#60;/pre&#62; ผลลัพธ์ที่ได้ เราจะเห็นได้เลยนะครับว่ารูปแบบที่ได้เนี่ยจะมีการใส่สีให้กับตัวโค้ดของเราครับซึ่งที่นี้คงทำให้สามารถอ่านโค้ดต่างๆ ได้ง่ายๆ แบบสบายๆ ครับ ต่อไปมาดูตัวอย่างของภาษาอื่นบ้างครับ ตัวอย่างภาษา Java &#60;pre lang=&#8221;java&#8221; line=&#8221;1&#8243;&#62; public [...]]]></description>
			<content:encoded><![CDATA[<p>หายหน้าหายตาไปนานครับ เนื่องจากช่วงนี้งานเข้าเลยไม่ค่อยได้ มาทำการอัพเดดบล๊อกเท่าไร มาวันนี้จะมาแนะนำ plugins ของ wordpress ตัวหนึ่งครับที่จะทำให้โค้ดที่เขียนในภาษาต่างๆ ดูสวยงามขึ้นครับ คือเ้จ้า <a href="http://wordpress.org/extend/plugins/wp-syntax/">WP-Syntax</a> ถามว่าทำไมเลือกตัวนี้เพราะว่าผมใช้มานานแล้วครับ เลยเลือกสำหรับใครที่มไ่ชอบตัวนี้ยังมีให้เลือกอีกนะครับ <a href="http://wordpress.org/extend/plugins/google-syntax-highlighter/">Google Syntax Highlighter for WordPress</a> แต่ยังไงตอนนี้ใช้ <a href="http://wordpress.org/extend/plugins/wp-syntax/">WP-Syntax</a> เอาเป็นว่ามาดูเจ้าตัวนีกันดีกว่าครับ<br />
<span id="more-162"></span><br />
สำหรับการติดตั้งคงเป็นเหมือนปลั๊กอินตัวอื่นครับ  wp-content/plugins/wp-syntax/ การใช้งานของตัวนี้มีอะไรไม่มากครับแค่เรารู้ syntax เบื้องต้นก็เพียงพอแล้วสำหรับการใช้งาน เราสามารถเขียนโดยให้ &lt;pre&gt; เพื่อกำหนกรูปแบบของภาษาที่เราต้องการ</p>
<p>ตัวอย่างภาษา PHP</p>
<p>&lt;pre lang=&#8221;php&#8221;&gt;<br />
&lt;?php<br />
function foo() {<br />
echo &#8220;Hello World!\\n&#8221;;<br />
}<br />
?&gt;<br />
&lt;/pre&gt;</p>
<p>ผลลัพธ์ที่ได้</p>
<p>เราจะเห็นได้เลยนะครับว่ารูปแบบที่ได้เนี่ยจะมีการใส่สีให้กับตัวโค้ดของเราครับซึ่งที่นี้คงทำให้สามารถอ่านโค้ดต่างๆ ได้ง่ายๆ แบบสบายๆ ครับ ต่อไปมาดูตัวอย่างของภาษาอื่นบ้างครับ</p>
<p>ตัวอย่างภาษา Java</p>
<p>&lt;pre lang=&#8221;java&#8221; line=&#8221;1&#8243;&gt;<br />
public class Hello {<br />
public static void main(String[] args) {<br />
System.out.println(&#8220;Hello World!&#8221;);<br />
}<br />
}<br />
&lt;/pre&gt;<br />
ผลลัพธ์ที่ได้</p>

<div class="wp_syntax"><div class="code"><pre class="java" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000000; font-weight: bold;">class</span> Hello <span style="color: #009900;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000000; font-weight: bold;">static</span> <span style="color: #000066; font-weight: bold;">void</span> main<span style="color: #009900;">&#40;</span><span style="color: #003399;">String</span><span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> args<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #003399;">System</span>.<span style="color: #006633;">out</span>.<span style="color: #006633;">println</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Hello World!&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>ตัวอย่างภาษา Ruby</p>
<p>&lt;pre lang=&#8221;ruby&#8221; line=&#8221;18&#8243;&gt;<br />
class Example<br />
def example(arg1)<br />
return &#8220;Hello: &#8221; + arg1.to_s<br />
end<br />
end<br />
&lt;/pre&gt;<br />
ผลลัพธ์ที่ได้</p>

<div class="wp_syntax"><div class="code"><pre class="ruby" style="font-family:monospace;"><span style="color:#9966CC; font-weight:bold;">class</span> Example
  <span style="color:#9966CC; font-weight:bold;">def</span> example<span style="color:#006600; font-weight:bold;">&#40;</span>arg1<span style="color:#006600; font-weight:bold;">&#41;</span>
    <span style="color:#0000FF; font-weight:bold;">return</span> <span style="color:#996600;">&quot;Hello: &quot;</span> <span style="color:#006600; font-weight:bold;">+</span> arg1.<span style="color:#9900CC;">to_s</span>
  <span style="color:#9966CC; font-weight:bold;">end</span>
<span style="color:#9966CC; font-weight:bold;">end</span></pre></div></div>

<p>ซึ่งหากสังเกตจะเห็นว่าเราสามารถที่จะเพิ่ม Line เพื่อทำการเพิ่มหมาลยเลขบรรทัดเ้ข้าไปในโค้ดได้ด้วยครับส่วนข้างล่างนี้จะเป็นภาษาที่มีการ support ครับ</p>
<p>abap, actionscript, actionscript3, ada, apache, applescript, asm, <strong>asp</strong>, autoit, <strong>bash</strong>, blitzbasic, bnf, <strong>c</strong>, c_mac, caddcl, cadlisp, cfdg, cfm, cpp-qt, <strong>cpp</strong>, <strong>csharp</strong>, <strong>css</strong>, d, delphi, diff, div, dos, dot, eiffel, fortran, freebasic, genero, gettext, glsl, gml, groovy, haskell, <strong>html4strict</strong>, idl, ini, inno, io, <strong>java</strong>, <strong>java5</strong>, <strong>javascript</strong>, kixtart, latex, lisp, lotusformulas, lotusscript, lua, m68k, matlab, mirc, mpasm, mxml, <strong>mysql</strong>, nsis, <strong>objc</strong>, ocaml-brief, ocaml, oobas, <strong>oracle8</strong>, pascal, per, <strong>perl</strong>, php-brief, <strong>php</strong>, plsql, <strong>python</strong>, qbasic, <strong>rails</strong>, reg, robots, <strong>ruby</strong>, sas, scala, scheme, sdlbasic, smalltalk, smarty, <strong>sql</strong>, tcl, text, thinbasic, tsql, <strong>vb</strong>, <strong>vbnet</strong>, verilog, vhdl, visualfoxpro, winbatch, <strong>xml</strong>, xpp, z80</p>
<p>ที่มา: <a href="http://wordpress.org/extend/plugins/wp-syntax/other_notes/">http://wordpress.org/extend/plugins/wp-syntax/other_notes/</a></p>

<p class="sayac_bilgi">8 views</p>
]]></content:encoded>
			<wfw:commentRss>http://www.iearn.in.th/2008/07/13/wp-syntax-%e0%b8%9b%e0%b8%a5%e0%b8%b1%e0%b8%b5%e0%b9%8a%e0%b8%81%e0%b8%ad%e0%b8%b4%e0%b8%99%e0%b9%80%e0%b8%9e%e0%b8%b4%e0%b9%88%e0%b8%a1%e0%b8%aa%e0%b8%b5%e0%b8%aa%e0%b8%b1%e0%b8%99%e0%b9%83%e0%b8%ab/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

