WordPress’te Kod Gösterme Eklentileri

WordPress üzerinde kodları düzgün ve formatlanmış bir şekilde göstermek, özellikle teknik içerikler üreten kullanıcılar için önemli bir ihtiyaçtır. Bu makalede, kodları göstermek için kullanabileceğiniz en popüler eklentilerden ve özelliklerinden bahsedeceğiz.

1. SyntaxHighlighter Evolved

Açıklama: Yazı ve sayfalarınızda kodu düzenli ve okunabilir biçimde göstermenizi sağlar. Çok sayıda dilin sözdizimi vurgulamasını destekler.

• Özellikler:
  • JavaScript, PHP, HTML, CSS ve daha fazlasını destekler.
  • Kolay kurulum ve kullanıma sahiptir.
• Kurulum: WordPress panelinden Yeni Ekle kısmına giderek aratıp yükleyebilirsiniz.

Benim de bir dönem kullandığım bu eklenti, bazı temalarda tasarım açısından uyumsuz görünebiliyor. Siz beğenirseniz tercih edebilirsiniz. Ayarlar > SyntaxHighlighter kısmından görünümü özelleştirebilirsiniz.

[php]kod buraya[/php] [css autolinks="false" classname="myclass" collapse="false" firstline="1" gutter="true" highlight="1-3,6,9" htmlscript="false" light="false" padlinenumbers="false" smarttabs="true" tabsize="4" toolbar="true" title="example-filename.php"]kod buraya[/css] [code lang="js"]kod buraya[/code] [sourcecode language="plain"]kod buraya[/sourcecode] 

2. Crayon Syntax Highlighter

Açıklama: Programlama dillerini göstermek için tasarlanmış zengin özelliklere sahip bir başka popüler eklentidir.

• Özellikler:
  • Çeşitli dilleri destekler.
  • Stil ve renkleri özelleştirme imkanı sunar.
  • Kod eklemek için kullanıcı dostu arayüz sağlar.
• Kurulum: Yükledikten sonra Eklentiler menüsünden aktif edebilirsiniz.

Şu an benim kullandığım eklenti budur. Editöre eklenen buton üzerinden kolayca kod ekleyebilirsiniz. Örneğini bu yazıda yukarıdaki kod bloklarında görebilirsiniz. Buradan indirebilirsiniz.

3. WP Code Highlight.js

Açıklama: Hafif, hızlı ve sade bir kod gösterme eklentisidir.

• Özellikler:
  • HTML, CSS, JavaScript, PHP ve birçok dil desteği.
  • Renk temaları özelleştirilebilir.
  • Performansı yüksektir.
• Kurulum:Yeni Ekle kısmından aratıp yükleyebilirsiniz.

4. Enlighter – Customizable Syntax Highlighter

Açıklama: Daha modern ve görsel açıdan şık bir kod vurgulama eklentisidir.

• Özellikler:
  • Birçok programlama dili desteği.
  • Tema ve renk seçenekleri.
  • Kısa kodlarla kolay kullanım.
• Kurulum: Eklentiyi etkinleştirip kısa kodları kullanabilirsiniz.

5. Code Snippets

Açıklama: Kod parçacıklarını göstermek dışında, küçük PHP fonksiyonlarını sitenize ekleyerek WordPress’i özelleştirmenizi sağlar.

• Özellikler:
  • PHP, HTML, CSS ve JavaScript kodları ekleme imkanı.
  • Kodları “snippet” olarak kaydedebilme.
  • Kullanıcı dostu bir arayüz.
• Kurulum: WordPress panelinden Yeni Ekle kısmına giderek yükleyebilirsiniz.

Sonuç

WordPress’te kodları okunabilir ve düzenli göstermek için bu eklentilerden birini tercih edebilirsiniz. Hafif ve hızlı çalışan bir çözüm arıyorsanız WP Code Highlight.js, gelişmiş özellikler isterseniz Crayon Syntax Highlighter veya Enlighter sizin için uygun olacaktır.