Kullanmış olduğum WordPress temasında h1 tagının olmadığını görünce, hemen h1 tagı eklemek için temamda uygun bir yer aramaya başladım. Logoya h1 tagı eklemek çok mantıklı geldi. Daha sonra bunun nasıl yapılacağı ile ilgili bir yazı yazmaya karar verdim. Makalemizin başlığı her ne kadar WordPress Logoya H1 Tagı Eklemek olsa da, bu yöntemi diğer sitelerinizde de kullanabileceksiniz.

WordPress kullanıyorsak temamızın her sayfasında bu h1 tagını göstermemiz en uygunu, bunun içinde kullanmış olduğumuz temanın header.php dosyasını düzenleyeceğiz.

Hemen şuna benzer bir kod bloğu bulacaksınız logo yazıp aratabilirsiniz.

<div class="logo">  
<?php     if (get_option('enable_logo')=='yes') { ?>
<div class="logocan"> <a href="<?php bloginfo('url'); ?>" title=" <?php bloginfo('name'); ?> ">
<img alt=" androidsistem" height="150" width="910" src="<?php echo get_option('logoadresi');?>" /></a>
</div>

<a href……</a> kısma kadar olan kısım bizi ilgilendiren kısımdır.

Yapmamız gereken ise şu

<h1><a href......</a></h1>

En çok yapılan hatalardan birisi;

Eğer <h1 <a href……</a></h1> şeklinde yaparsanız logoya tıkladığınızda anasayfanıza dönmez yönteminiz hataya neden olur.

Örnek kodumuzun aldığı son şekil

<div class="logo">  
<?php     if (get_option('enable_logo')=='yes') { ?><div class="logocan">
<h1> <a href="<?php bloginfo('url'); ?>" title=" <?php bloginfo('name'); ?> ">
<img alt=" androidsistem" height="150" width="910" src="<?php echo get_option('logoadresi');?>" /></a>
</h1></div>

Buraya kadar her şey tamam ancak sitenize f5 çekip yenilediğinizde bir kayma olduğunu yada yazının aşırı büyüdüğünü farkettiniz ve bu hiç içinize sinmedi.

Hemen temamızın .style (css) dosyasına giriyoruz ve h1 tagınız aratıp rakamsal değerlerle oynama yapıyoruz.

Peki sizin temanızda böyle bir bölüm yok diyelim o zaman style dosyamıza hemen şu kodu ekliyoruz.

#logo {float:left;width:200px;height:71px;}
#logo h1 a{display:block;width:200px;height:71px;background: url(images/logo.png) no-repeat;text-indent: -999em;}
#logo p{display:none;}