Merhabalar. Son dönemlerde t’infection.com’da yazdığımız gönderilerde oldukça sık kod betikleri kullanıyoruz. Xhtml, Css, Php ve Javascript kodlarını gösterip bir takım anlatımlarda ve uygulamalarda bulunuyoruz.
t’infection.com’da kullandığımız kod renklendirici eklenti oldukça eskiydi ve geçtiğimiz günlerde bunu değiştirmeye karar verdim. Bu işlem için SyntaxHighlighter Evolved eklentisini kullandım. Bu yazımızda bu eklentiyi ve kullanımını sizlere kısaca anlatmaya çalışacağım.
Öncelikle söylemeliyim ki bu tür eklentiler, Asp, Php, Xhtml, Css gibi kodları gönderilerimiz içinde daha derli toplu bir şekilde göstermeye yarıyor. SyntaxHighlighter Evolved eklentisini de kullanan birçok site mevcut. Eklenti hem Wordpress’in son sürümüyle uyumlu hem de oldukça kolay bir kullanımı var. Hemen kurulum ve kullanıma geçelim.
Kurulum ve Kullanım
Eklentimizi Wordpress Eklenti bölümünden indiriyoruz. Daha sonra gelen paketi açıyoruz. Paketten çıkan syntaxhighlighter isimli dizini FTP yardımıyla sitemizde wp-content/plugins dizinine atıyoruz.
Bu aşamadan sonra sitemizin Yönetim Panelinden eklenti alanına geliyor ve SyntaxHighlighter Evolved eklentisini aktifleştiriyoruz.
Dilerseniz Yönetim Paneli/Ayarlar bölümünden SyntaxHighlighter kısmına gelebilir ve eklentinizin bir takım ayarlarını değiştirebilirsiniz. Bu alanda satır sayısı, satır numaraları, tema seçimi gibi ayarlarını bu alanda belirleyebiliyorsunuz.
Eklentimizin kullanımı ise oldukça basit. Hangi dilde kod betiği gösterecekseniz bunu küçük harflerle köşeli parantezler içine yazıyorsunuz.
[ css].ornek {color:#333}[/css]
şeklinde bir kullanım ile gönderimizde Css kodlarımızı rahatlıkla gösterebiliyoruz. Aynı şekilde Php, Xhtml, Javascript gibi kodlarımızı da gösterebiliriz. Zaten eklentinin ayarlar sayfasında aşağıda bir takım örnek kullanımlar mevcut. Bunlar da işinize oldukça yarayacaktır.
Ben bu eklentiyi kısa bir zamandır kullanıyorum ve sizlere de tavsiye ediyorum. Umarım sizler için faydalı olmuştur.