Aylık arşivler: Ocak 2009

WordPress’te kod renklendirmesi için süper eklenti

Eğer blogunuzda kod parçacıklarına yer veriyorsanız mutlaka WP-Syntax adlı eklentiyi kullanmalısınız. Şimdiye kadar neden araştırıp bulmadığım için pişmanım. Eklentiyi kurduktan sonra kullanımı çok basit;

<pre lang="LANGUAGE" line="1">kod parçacığı</pre>

  • LANGUAGE yerine kod parçacığınızın hangi dil ile yazıldığını yazıyorsunuz, örneğin Javascript.
  • line bölümü ise opsiyonel. Eğer 1 değerini verirseniz satır numaralı bir kod parçacığı elde edeceksiniz.

Buyrun size WP-Syntax ile Javascript kodları renklendirilmiş örnek bir sayfa.

Ayrıca bu eklenti GeSHi kullanıyor. Kendisini çok severiz. Wikinizde, Drupalinizde de GeSHi’yi çeşitli eklentiler aracılığı ile kullanabilirsiniz.

Bu eklenti blogum için iyi oldu. Bir ara kategorilerimi düzenlesem iyi olacak.

JavaScript dosyasının içinde başka bir Javascript dosyasını çağırma

Örneğin site.js adında bir javascript dosyamız olsun. Bu javascript dosyasının çalıştırıldığı her yerde jquery.js ve moo.js adlı javascript dosyalarını da çalıştırmak isteyelim.

Bu durumda ya şöyle yaparız;

1
2
3
<script src="site.js" type="text/javascript"></script>
<script src="jquery.js" type="text/javascript"></script>
<script src="moo.js" type="text/javascript"></script>

ya da site.js’in içinde jquery.js ve moo.js’i bir javascript fonksiyonu ile çağırabiliriz. Böyle yapmak için site.js’in içine şu kodlar eklenmeli;

1
2
3
4
5
6
7
8
9
10
function addJavascript(jsname) {
    var th = document.getElementsByTagName('head')[0];
    var s = document.createElement('script');
    s.setAttribute('type','text/javascript');
    s.setAttribute('src',jsname);
    th.appendChild(s);
}
 
addJavascript('jquery.js');
addJavascript('moo.js');

Belki bir gün ihtiyacınız olur.