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: Bu eklenti, yazılarınızda veya sayfalarınızda kodu düzgün bir şekilde formatlayarak gösterir. Çeşitli dillerin sözdizimi vurgulamasını destekler.

• Özellikler:
  • JavaScript, PHP, HTML, CSS ve daha fazlasını destekler.
  • Kolay kurulum ve kullanımı vardır.
• Kurulum: WordPress panelinden “Yeni Ekle” kısmına giderek bu eklentiyi aratabilir ve yükleyebilirsiniz.

Sitemde ilk kullandığım kod paylaşımları için başta sevdiğim sonrasında görünümü ve belirli kısıtlamalarından dolayı kullanmamaya başladım. Belkide temamda güzel durmadı.. 🙂 Siz beğenirseniz kurabilirsiniz.

Uygulamayı kurduysanız Ayarlar > SyntaxHighlighter kısmından size uygun olan ayarları yapabilirsiniz. Kod paylaşımı için alttaki gibi bir işlem gerekiyor.

[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: Bu eklenti, özellikle programlama dillerini göstermek için tasarlanmış zengin özelliklere sahip bir başka popüler eklentidir.

• Özellikler:
  • Çeşitli programlama dillerini destekler.
  • Kodun stilini özelleştirebilirsiniz.
  • Kod örnekleri eklemek için kullanıcı dostu bir arayüze sahiptir.
• Kurulum: Eklentiyi yükledikten sonra, “Eklentiler” menüsünden aktif hale getirebilirsiniz.

Şu an kullanmaya başladığım eklenti, ilk eklenti gibi Türkçe fakat görünüş bakımından ve kullanma açısından diğerine göre daha basit. Yazı editörüne eklenen butondan direk işlem yapabilirsiniz. Görünümü için bu yazıda üstteki kodları eklediğim alana bakabilirsiniz. Eklentiyi buradan indirebilirsiniz. =>> (https://wordpress.org/plugins/crayon-syntax-highlighter/)

Yazı Editöründeki Butonu

3. WP Code Highlight.js

Açıklama: Hafif bir eklenti olan WP Code Highlight.js, kodları güzel bir şekilde sergileyen ve oldukça hızlı çalışan bir seçenektir.

• Özellikler:
  • HTML, CSS, JavaScript, PHP ve diğer birçok dil için destek.
  • Özelleştirilebilir renk şemaları.
  • Hafif ve hızlıdır.
• Kurulum: “Yeni Ekle” kısmından bu eklentiyi aratıp yükleyebilirsiniz.

4. Enlighter – Customizable Syntax Highlighter

Açıklama: Modern bir sözdizimi vurgulama eklentisidir. Özellikle daha şık bir görünüm isteyenler için uygundur.

• Özellikler:
  • Birçok programlama dili desteği.
  • Tema ve renk seçenekleri ile özelleştirilebilir.
  • Kolay kurulum ve kullanım.
• Kurulum: Eklentiyi yükleyip etkinleştirdikten sonra, kısa kodlarla kolayca kullanabilirsiniz.

5. Code Snippets

Açıklama: Bu eklenti, kodu göstermek dışında, küçük PHP kod parçacıkları ekleyerek WordPress’inizi özelleştirmeyi sağlar. Aynı zamanda kodu “snippet” olarak kaydetmenize imkan verir.

• Özellikler:
  • PHP, HTML, CSS ve JavaScript kodları eklemek için kullanışlıdır.
  • Kısa kod desteği ile içerikte kolayca gösterilebilir.
  • Kullanıcı dostu arayüz sunar.
• Kurulum: WordPress panelinden “Yeni Ekle” kısmına giderek yükleyebilirsiniz.

Sonuç

WordPress’te kodları daha anlaşılır ve düzenli bir şekilde göstermek için yukarıdaki eklentilerden birini seçebilirsiniz. İhtiyacınıza göre hafif ve hızlı bir seçenek ya da zengin özelliklere sahip bir eklenti tercih edebilirsiniz.