WordPress ve Cufon kullanımı

Günümüzün web tasarım teknolojilerinde sıkça karşımıza çıkan Cufon scriptini bugün sizler için wordpress uyumlu olarak anlatacağım.

İlk önce Cufon nedir diye başlayalım. Cufon; web sitemizdeki belirlediğimiz class içerisindeki yazımızı beğendiğimiz bir fontu kullanarak yayınlayabilme özelliğini sağlar. Rakibi sIFR’dan en önemli ve büyük farkı yazılarınızı fotoğraf formatında sunuyor olması. sIFR’da ise bu flash formatında olmakta, bu da browerımızı uzun yazılarda ve bol flashlı sayfalarda yormaktadır.

Gelelim Cufon’u kurmaya.

1. http://sdrv.ms/11ar8L4 adresine girerek Cufon java script dosyamızı indiriyoruz.
2. http://www.cufonfonts.com/tr adresine girerek beğendiğimiz font dosyasını cufon uyumlu olarak indiriyoruz.
3. Her ikisini de wordpress kurulu dizine girerek /wp-content/themes/”tema_klasörünüz”/js/ içerisine upload edelim.
4. Daha sonra aşağıdaki kodlarda uygun yerlerde değişikliği yaparak /wp-content/themes/”tema_klasörünüz”/header.php dosyasını herhangi bir düzenleyicide açarak yapıştıralım.

<script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/js/cufon-yui.js”></script>

<script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/js/fotunuzunismi.js”></script>

<script type=”text/javascript”>Cufon.replace(‘h2’, { textShadow: ‘#232323 0.4px 0.4px’});</script>

 

En alt satırdaki kodda ‘h2’ yazan yer bizim class ismimiz. Bunu sayfa içerisinde kullanılan herhangi bir class ismi ile değiştirebilirsiniz. Örnek verecek olursak;

<div>

<h2>Yazımız</h2>

</div>

 

Yukarıda gördüğümüz gibi “ornek_class” içerisinde tanımlanan <h2> içeriğimiz artık cufon text ile yazılmış olacaktır.

 

İlgili sorunlarınızı iletebilirsiniz.

Kolaylıklar dilerim…