WordPress Cufon Kullanımı !

WordPress sistemi yüklü websitenizde wordpress yazı başlıklarını güzelleştirmek istiyorsanız yazımızın devamını okumalısınız.

Cufon şu güzel özellikleri vardır ;

1-Yazı başlıklarınız resim gibi olur,kimse kopyalayamaz.

2-Daha şık bir görünüme sahip olur.

3-Her bilgisayarda cufonda kullandığınız yazı tipi sorunsuz bir şekilde gözükür.

Cufonun WordPress sitenizde kullanımı ;

1-Öncelikle bilgisayarınızda Windows/Fonts klasöründe beğendiğiniz yazı tipini masaütüne çıkartın.

2-Şu adrese girip masaüstüne çıkarmış olduğunuz yazı tipini seçin.

3-Orada bulunan “The EULAs of these fonts allow Web Embedding (without Adobe Flash)”  adlı seçeneği işeretliyoruz.

4-“Include the following glyphs” bölümündeki “Punctuation” kutucuğunu seçip “and also these single characters” olan kutuya da Türkçe karakterleri yazmalısınız. Bu karakterler ; İıĞğÜüÖöÇ窺 olmalı.

5-Eğer fontunuz çalınmamasını istiyorsanız “Security”yazan kısma www.siteniz.com adresini yazınız.

6-Son olarak “I acknowledge and accept these terms” kutucuğunu işaretleyip “Let’s do this” butonuna tıkladığınızda fontunuz bir kaç saniye içerisinde Cufón JS olarak indirmeye hazır hale gelecektir.

Şimdi bu cufon fontunu kodlarla sitemize yansıtmaya ;

1-Filezilla’dan sitenize bağlanıp wp-content/themes/temanizinadi/header.php dosyasını açınız.

(Öneri olarak temanızda “js” adlı bir klasör oluşturunuz.)

2-CRTL + F tuşlarıyla şu kelimeyi aratınız = </head>

3-Bu kodun hemen öncesine şu kodları ekleyiniz.

[gri]

<script type=”text/javascript” src=”http://www.nazimmertbilgi.com/wp-content/themes/temanizinismi/cufon-yui.js”></script><script type=”text/javascript” src=”http://www.nazimmertbilgi.com/wp-content/themes/temanizinismi/fontunuzunismi.js”></script>

<script type=”text/javascript”>// <![CDATA[
Cufon.replace(‘h2’, {
textShadow: ‘#232323 0.4px 0.4px’
});
Cufon.replace(‘ #rssoku h2,h3,h1,h4,legend’);
Cufon.replace(‘ #headline’);
Cufon.replace(‘#comments h3’, {

textShadow: ‘#fff 0.7px 0.7px’
});
// ]]></script>

[/gri]

Artık yazı başlıklarınızın sidebar eklediğiniz widget başlıkları normal yazı tipi olarak değil,cufon olarak gözükecektir.

Yukarıdaki verdiğim kodda “h2” taglarını nerede kullanıp kullanılmayacağını dilerseniz değiştirebilirsiniz.Kolay gelsin.

Google'den Gelen Aramalar

  • wordpress cufon kullanımı
  • cufon kullanımı

Posted by Nazim Mert Bilgi

Adım Nazım Mert, soyadım ise Bilgi. 98 yılında Karaman'da doğdum, 2011 yılından itibaren Antalya'da ikâmet ediyorum. Yazılıma olan merakımı 2013'de faaliyete geçirdim ve 2015 yılı yazında Bilge Adam Akademi'den "Üstün Başarı" ve "Microsoft Certified Solution Developer" ünvanıyla mezun oldum. 2011 yılından itibaren ise, siz değerli ziyaretçilerimi en iyi içeriği sunabilmek için, bu blog'da bazı gözlemlerimi ve bazı ilimleri paylaşıyorum.

7 thoughts on “WordPress Cufon Kullanımı !”

  1. Anlatımınız için teşekkürler, ancak eksik anlatmışsınız cufon-yui.js dosyası nerde ? nereye uploud edilecek ?

Comments are closed.