Crayon Syntax Highlighter Eklentisi

SyntaxHighlighter Eklentisi ile web sayfanız kod barındıracaksanız onları tıpkı bir kutuya yazıyormuş gibi kullanıcıya gösterebilirsiniz. Bu eklentiden önce kodları eğer normal yazıyorsanız kodların wordpress tarafından bir yazı olarak değil de kod olarak yani işleme tabi tuttuğunu görürsünüz. Örnek olarak standart html kodlarını veya bootstrap kodlarını yazarak deneyebilirsiniz. Bu bağlamda güzel bir eklentidir ve kurulumu oldukça basittir. Bu sayede kodlarınızı textarea içerisine alarak renkli bir şekilde sunabilirsiniz.

Birçok renk ve dil desteği mevcuttur. Hemen her dil için ayrı bir tasarımı da vardır. Kullanıcı için tamamen kodu kopyalama ve kullanma kolaylığı sağlamaktadır. Bu eklenti için SyntaxHighlighter Eklentisi diye aratmanız yeterli olacaktır. WordPress’in kendi sitesine girerek Plugins kısmından aratarak indirebilir ve kurabilirsiniz.

Bunun yanı sıra panelden de eklentiler -> yeni ekle kısmından eklentiyi edinebilirsiniz.Yükleme yaptıktan sonra etkinleştirin ve ayarlar kısmından özelliklerini belirlemeye başlayın. Desteklediği dilleri ve genel özelliklerine de şöyle bir göz atalım.

crayon syntax highlighter - Crayon Syntax Highlighter Eklentisi

SyntaxHighlighter Eklentisi Özellikleri

  • WordPress 3.4.1 ve üzeri sürümleri destekler.
  • Türkçe ara yüz (kendi çevirim).
  • Açılır düz kod.
  • Açılır satır numaraları.
  • Kod kopyalama/yapıştırma.
  • Kodları yeni pencerede açma (pop-up).
  • Yazı editörüne entegre buton ile hızlı kod girişi.
  • Uzaktan istek ön bellekleme.
  • Karma dilleri tek çerçeve içinde sunabilme.
  • Hızlı ve mini etiket desteği.
  • Mobil/dokunmatik ekran algılama.
  • Fare etkileşimi (düz kodu görmek için çift tıklama, üzerine gelindiğinde araç çubuğunu görme).
  • Sekme boyutları.
  • Kod başlığı.
  • Açılır araç çubuğu.
  • Çizgili satırlar.
  • Satır işaretleme (önemli satırlar için).
  • Satır numarası başlangıcı (önemli satırlar için).
  • Yerel dosyaları aramak için yerel dizin.
  • Dosya uzantısı algılama.
  • Ayarlar sayfasında anında ön izleme.
  • Boyutlar, kenar boşlukları, hizalama ve CSS kaydırma.
  • Kapsamlı hata günlükleme.
  • Yorumlarda kod paylaşımı için izin seçeneği.
  • Doğrulanmış HTML5 yapısı.

SyntaxHighlighter Eklentisi Desteklediği Diller

  • Varsayılan Dil (tek boyut tümünü düzenler, genel olarak kodları vurgular)
  • ABAP
  • ActionScript
  • Apache
  • Assembly (x86)
  • AutoIt
  • C
  • C#
  • C++
  • CSS
  • Haskell
  • HTML (XML/XHTML)
  • Lua
  • Monkey
  • Java
  • JavaScript
  • Objective-C
  • Perl
  • PHP
  • PostgreSQL
  • PowerShell
  • Python
  • Ruby
  • Scheme
  • Shell (Unix)
  • TeX
  • Visual Basic
  • YAML

Daha fazla dil desteği de isteğe bağlı olarak eklenebilir. Kodlar paylaştığınız bir blog sayfanız var ise benim gibi bu eklentiyi kullanabilirsiniz. Ayarlar ile biraz oynadıktan sonra yazıyı ekledikten sonra özelliklerde üst sırada en sağda bulunan <> işaretine tıklayarak yazınızı code içine alabilirsiniz.

AuthorHarun ALP Hakkında

Bu adam , bilgi sahibi olduğu konularda makalelerini daha bilgilendirici hale getirip görseller ile süslüyor ve seo uyumlu makaleler ortaya çıkarıyor. Hazır sistemler, Front End ve Back End , tasarım araçları , seo optimizasyonu , güncel webmaster konuları hakkında bilgi sahibi. Bunları boş zamanlarında burada sizlerle paylaşıyor.

2 thoughts on “Crayon Syntax Highlighter Eklentisi

  1. merhaba. crayon syntax eklentisini kurduğumda diller de sadece standart yazıyor. diğer dilleri nasıl aktif edebilirim.?

    • Maalesef bilgim yok, o eklenti son güncellemede sitemi bozmuştu ve ben de “Enlighter – Customizable Syntax Highlighter” kullanmaya başladım tavsiye ederim.

Bir cevap yazın

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