Kod Renklendirme

Kod Renklendirme

Kod RenklendirmeWeb sitenizde CSS, PHP, JS kod parçaları yayınlıyorsanız, bu kodların tek renk olarak görünmesinden sıkılmış olabilirsiniz. Özellikle uzun kod parçalarıyla verilen örneklerde kodların tek renkte olması, okunabilirliği ve kodun anlaşılabilirliğini oldukça azaltıyor.

Bu yazımızda, sitenizdeki kodları renklendirmenin en kolay yolundan, eklentilerden bahsedeceğiz. Eğer WordPress blogunuz varsa, işiniz çok daha kolay olacak.

WordPress için Google Syntax Highlighter eklentisi

Bu eklenti Alex Gorbatchev tarafından JS ile yazılmış. Kullanmak için, yazınızın içinde [ source:str dili] str source [/source] parçasını kullanmanız yeterli oluyor. str dili bölümüne, kodda geçen programlama dilini yazmalısınız. Eklenti aşağıdaki stringleri destekliyor:

css, c#, c-sharp, csharp, c, cpp, c++, vb, vb.net, delphi, pascal, js, jscript, javascript, php, py, python, ruby, sql, xml, xhtml, xslt, html, xhtml

Kullanmak istediğiniz dilleri, WordPress Yönetim Paneli’nden Tercihler menüsüne girerek aktive etmelisiniz.

Kurulum:
Zip dosyasındaki bütün dosyaları web dizininizdeki plugin klasörüne atın ve yönetim panelinizdeki Eklentiler penceresinden eklentiyi aktive edin.

Bağlantı:
http://wordpress.org/extend/plugins/google-syntax-highlighter/

WordPress haricinde kullanmak isteyenler için:
http://code.google.com/p/syntaxhighlighter/

Dean WordPress Code Highlighter Eklentisi

Bu WordPress eklentisi, Geshi’den yararlanıyor. Basit ama güçlü bir eklenti olan Dean Code Highlighter eklentisi, kolay kullanım, çıkış formatlarında değişiklik yapabilme ve pek çok dili destekleme gibi bazı avantajlara sahip.

Kurulum:
1. Dean’s Code Highlighter v1.2‘yi indirin.
2. Eklentiyi plugin klasörünüze atın. (wp-content/plugins).
3. Eklentiler menüsünden eklentiyi aktive edin.
4. Stylesheet dosyası geshi.css‘i isteğinize göre şekillendirin.

Kullanım:
Örnek: < pre lang=”php” > kod buraya yazılacak… < /pre >
Örnek: <pre lang=”php”> function deneme_mesaji(){ echo “deniyorum” }</pre>

Demo:
Şu adreste çalışan halini görebilirsiniz.

Ajax Perl syntax highlighting

WordPress eklentisi kullanmak istemiyorsanız ve sitenizde Perl kodları yayınlamak istiyorsanız, bu eklenti tam size göre. Kod, sayfa her yüklendiğinde sayfada görüntülenecek Perl kodlarını JS ile arıyor ve otomatik olarak renklendiriyor.

http://perl.jonallen.info/projects/syntaxhighlighting

StylizedWeb’de yayınlanan Syntax Highlighter yazısından tercüme edilmiştir.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir