WordPress’te bir makale yazıyorsunuz ve makale içerisinde kullanıcıların da faydalanabileceği bazı kodlar paylaşıyorsunuz. Bu kodların özel bir alan içerisinde, renkli ve anlaşılır bir şekilde görünmesini istiyorsanız özel olarak hazırlanmış bir eklenti kullanmanız gerekmektedir.
Wordprees’te kodları özel alan içerisinde göstermek istediğinizde kullanacağınız bu eklentinin adı SyntaxHighlighter’dir. Eklenti boyutu sadece 647 KB’dır. Eklentiyi indirebilmek için SyntaxHighlighter‘in sayfasını ziyaret edebilirsiniz. Kurulumu oldukça kolay ve ayarlamaları oldukça basittir. İndirdiğiniz rar dosyası içerisinde bulunan dosyayı FTP yardımı ile wp-content ➔ Plugins dosyası içerisinde atabilir ya da direk olarak rar dosyasını eklentiler bölümünden sitenize yükleyebilirsiniz. Eklentiyi aktifleştirdikten sonra default olarak düzenlenmiş halini kullanabilirsiniz.
SyntaxHighlighter Postlarda Kullanılan Kod Örneği
Kullanmak istediğiniz kodları;
arasına yazıyorsunuz. Örnek olarak aşağıda yazılmış olan kodun SyntaxHighlighter sayesinde çıktısı hemen altında verilmiştir.
<title>Serhat Sağlam Kişisel Web Sitesi</title>
<meta name=”description” content=”Serhat Sağlam. Seo, sem, smo uzmanı, meteoroloji mühendisi.” />
<meta name=”keywords” content=”serhat, sağlam, itü, meteoroloji mühendisi, seo uzmanı, sem uzmanı, smo uzmanı” />
<meta name=”author” content=”Serhat Sağlam” />
[code language=”css”]<title>Serhat Sağlam Kişisel Web Sitesi</title>
<meta name="description" content="Serhat Sağlam. Seo, sem, smo uzmanı, meteoroloji mühendisi." />
<meta name="keywords" content="serhat, sağlam, itü, meteoroloji mühendisi, seo uzmanı, sem uzmanı, smo uzmanı" />
<meta name="author" content="Serhat Sağlam" /> [/code]
SyntaxHighlighter Eklentisinin Ayarları
Default bir şekilde sizlere sunulmuş olan kodlama alanından memnun değilseniz eğer SyntaxHighlighter eklentisinin sunmuş olduğu özellikleri değiştirebiliyorsunuz. WordPress admin panelinizde sırası ile Ayarlar ➔ SyntaxHighlighter alanına tıklayınız. Karşınıza değişiklik yapacağınız bir alan gelecektir. Bu alandan tema rengini, varsayılan ayarları, yazı kodlama boyutunu, her kodlamada verilecek olan başlığı ekleme, satırlar arasında dolgu büyüklüklerini değiştirme şansınız bulunmaktadır. Ben genel olarak default ayarları kullanıyorum ama her temaya uygun olmuyor.
SyntaxHighlighter İle Birlikte Deteklenen Diller
actionscript3, bash, clojure, coldfusion, cpp, csharp, css, delphi, erlang, fsharp, diff, groovy, html, javascript, java, javafx, matlab(sadece kelimeler), objc, perl, php, text, powershell, python, r, ruby, scala, sql, vb, xml.
Eklenti ile Birlikte Yaşanan Sorunlar
Şu ana kadar bu eklentiyi kullandığım hiç bir sitede sorun yaşamadım. İndirilen dosyanın da kontrolleri yapılmış ve içerisinde yararlı yazılım bulunamamıştır. İçeriklerinde kod paylaşımı yapan ve daha güzel bir görüntüye sahip olmasını isteyen kullanıcılara tavsiye edebileceğim bir eklentidir.
Uzun zamandır aradığım bir eklenti idi. Bütün sitelerde görüyordum ama nasıl yapıldığını bilmiyordum. Teşekkürler Serhat abi.