Bugun bir arkadaştan yorum geldi makaleler içerisinde kodlar olduğu için karışık görünüyor programların kaynak kodunu ayrı bir dosya olarak eklememi istedi. Evet bazı makaleler çok uzun kodlarda bir o kadar uzun e durum böyle olunca makale de anlaşılmaz bir duruma geliyor.
Makalelerde projelerin, nasıl yapıldığını adım adım anlattığımız için pek mümkün değil tabiki çünkü onlara göre açıklama ekliyorum. Bende Kod renklendiriciyi kullandım ve çok işime yaradı
Evet sol taraftaki renklendirici kullanmadan 
altta ise ekleni kullandıktan sonraki hali sitenize hem güzel bir görünüm hem de kullanıcılar için daha anlaşılır hale getirebiliriz.
Öncelikle Syntax Highlighter and Code Prettifier Plugin for WordPress eklentisini indirin
Makalemizde kod ekleyeceğimiz bölüme (html kısmına)
<pre class=”brush:xml”>
bu araya kodlarımızı yazıyoruz
</pre>
Aşağıdaki tabloda brush: dan sonra kullandığınız kosun diline göre yazacaklarımızı gösteriyor örneğin yazdığımız kod c# ise “brush:csharp” olarak değiştiriyoruz (Bu eklentiyi geliştiren arkadaş keşke bunu metin editörüne bir buton koysaydı daha pratik olurdu bence )
| Dil | Uzantısı | Dosya Adı |
|---|---|---|
| ActionScript3 | as3, actionscript3 | shBrushAS3.js |
| Bash/shell | bash, shell | shBrushBash.js |
| C# | c-sharp, csharp | shBrushCSharp.js |
| C++ | cpp, c | shBrushCpp.js |
| CSS | css | shBrushCss.js |
| Delphi | delphi, pas, pascal | shBrushDelphi.js |
| Diff | diff, patch | shBrushDiff.js |
| Groovy | groovy | shBrushGroovy.js |
| JavaScript | js, jscript, javascript | shBrushJScript.js |
| Java | java | shBrushJava.js |
| JavaFX | jfx, javafx | shBrushJavaFX.js |
| Perl | perl, pl | shBrushPerl.js |
| PHP | php | shBrushPhp.js |
| Plain Text | plain, text | shBrushPlain.js |
| PowerShell | ps, powershell | shBrushPowerShell.js |
| Python | py, python | shBrushPython.js |
| Ruby | rails, ror, ruby | shBrushRuby.js |
| Scala | scala | shBrushScala.js |
| SQL | sql | shBrushSql.js |
| Visual Basic | vb, vbnet | shBrushVb.js |
| XML | xml, xhtml, xslt, html, xhtml | shBrushXml.js |
