PDA

Orijinalini görmek için tıklayınız : Wordpress'te Cufon Kullanımı Nasıl Yapılır?



donjuanhose81
14.Kasım.2014, 10:53
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 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 =

HTML-Kodu:
</head>
3-Bu kodun hemen öncesine şu kodları ekleyiniz.

HTML-Kodu:
<script type=”text/javascript” src=”https://www.nazimmertbilgi.com/wp-content/themes/temanizinismi/cufon-yui.js”></script><script type=”text/javascript” src=”https://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>
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.

iyi forumlar...