Ana Sayfa » Editörün Seçimi, Yazı Eklentileri

SyntaxHighlighter Evolved / Kod Renklendirici Google

5 Ağustos 2009 6.001 defa okundu 2 Yorum

Açıklamalar

SyntaxHighlighter Evolved eklentisi, renklendirmek istediğiniz kodları sitenize bozulmadan ve hiç bir değişiklik olmadan göndermenizi sağlar. Kod tabanı olarak  SyntaxHighlighter JavaScript package by Alex Gorbatchev ve Andrew Ozz of Automattic den parçalar kullanır.

Syntax Highlighter Evolved. Neden Evolved?

Evolved kelimesinin türkçe karşılığı gelişmiş demektir. Bu eklenti, v2.x sürümlerinden sonra Evolved ismini almıştır. Bunun sebebi ise, 1.x sürümlerinde ortaya çıkan kodlama hatalarıdır. Şimdi ise eklenti tüm kod hatalarından kurtulmuştur.

Kurulum

  1. İndirdiğiniz dosya içerisindeki tüm dosyaları zip içerisinden çıkarın.
  2. Çıkarmış olduğunuz dosyaları bir FTP Programı yardımıyla, wp-content/plugins klasörü içerisine atın.
  3. Sitenizin yönetim paneline giriş yapın ve sol taraftaki menüden Eklentiler‘e tıklayın.
  4. Açılan sayfada “SyntaxHighlighter Evolved” eklentisini bulun ve Etkinleştir linkine tıklayın.

Kullanım

Yapmanız gereken sadece, renklendirilmesini istediğiniz kodu [kodlamadili][/kodlamadili] kodu arasına almak.

Örneğin, php kodu renklendirmek istiyorsanız:

[php]kodlarınız[/php]

css için:

[css]kodlarınız[/css]

Desteklenen diğer diller:

ActionScript: as3, actionscript3

Bash/Shell: bash, shell

C#: c-sharp, csharp

C++: cpp, c

CSS: css

Delphi: delphi, pas, pascal

Diff: diff, patch

Groovy: groovy

JavaScript: js, jscript, javascript

Java: java

JavaFX: jfx, javafx

Perl: perl, pl

Php: php

Düz Metin: plain, text

PowerShell: ps, powershell

Python: py, python

Ruby: rails, ror, ruby

Scala: scala

SQL: sql

Visual Basic: vb, vbnet

XML: xml, xslt, html, xhtml

Yazınızda kodları yazarken, HTML kodlarını farklı şekillerde yani <  yerine & lt; şeklinde kullanmayınız. Siz html yazın gerisini eklenti halledecektir :)

Sık Sorulan Sorular

  • Kod renklendirme kutuları görünmüyor. Yanlış olan ne?

Böyle bir durumda, header.php dosyanızda aşağıdaki kodun olduğundan emin olun:
<?php wp_head() ?>
Eğer bu kodu bulamazsanız, </head> üzerindeki satıra bu kodu ekleyiniz.

  • Kodlar renklendirilmeden normal şekilde görünüyor. Yanlış olan ne?

Böyle bir durumda, footer.php dosyanızda aşağıdaki kodun olduğundan emin olun:
<?php wp_footer() ?>
Eğer bu kodu bulamazsanız, </body> üzerindeki satıra bu kodu ekleyiniz.

Ekran Görüntüleri

Yazı Etiketleri: , , , ,

2 Yorum »

  • photoders said:

    Benim işime çok yaradı as3 kodları eklerken kolaylık oldu yazı editöre icon ekledim iyi oldu emeğine sağlık bir isteğim olacak yorumları sayfalara ayırmak istiyorum ilgili eklenti varmı acaba

  • admin said:

    Yorumları sayfalara ayırmak için eklenti vardır ancak default wp temasında 2.7den itibaren bu özellik var. wpuzmanında bu konuya değineceğim unutmazsam 😉