• Merhaba Ziyaretçi.
    "Yapay Zeka Objektif " Fotoğraf Yarışması başladı. İlgili konuya  BURADAN  ulaşabilirsiniz. Sizi de bu yarışmada görmek isteriz...

Wordpress Logo Alanına Metin Yerine Resim

YoRuMSuZ

Biz işimize bakalım...
Wordpress temalarının çoğunda logo alanında resim yerine metin formatında alan var. Sevdiğiniz bir temanın logo alanına metin yerine resim eklemek isterseniz şunu yapabilirsiniz.

Temanızın header.php dosyasını açıp alttaki kodu bulun.

PHP:
<a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a>

Uygun boyutlarda bir logo ayarlayın ve temanızın images klasörüne atın.

Daha sonra yukarıdaki kodu alttaki kodlardan biriyle değiştirin.
PHP:
<a href="<?php echo get_settings('home'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.jpg" width="450" height="39" alt="<?php bloginfo('name'); ?>" /></a>

PHP:
<a href="<?php echo get_settings('home'); ?>/"><img src="<?php bloginfo('template_url'); ?>/images/logo.jpg" alt="<?php bloginfo('description'); ?>" /></a>
 

GenCx

Üyecik
Usta bu dediklerinizi yaptım. Reklam yapmak yasak değilse ; reklam amaçlı olmamak ,sadece olayı göstermek açısından : sitem bu: ahmet-genc.com Default tema kullanıyorum. Logo gördüğünüz gibi aşağıda kalıyor. Ne yaptıysam beceremedim. İllaki altta kalıyor. Bunun için ne yapmam gerek ? Yardımcı olursanız çok çok sevinirim. Şimdiden teşekkürler.
 

YoRuMSuZ

Biz işimize bakalım...
Kusura bakmayın bu bölüme ancak bakabildim.

Sitenize baktım logonun duruşu fena olmamış aslında değişik olmuş :) Default temada az önce test ettim sorun yok. Tabii css ile oynayarak logo istediğiniz yere konumlandırılabilir (temanın sol üst köşesine yerleşiyor) ancak trasparan bir logo (300x150) yaptım ve direkt attım sorun çıkmadı. Örnek görüntü altta.
2jg5r4i.png


Örnek tranparan logo:
x20y6r.png


Uygulama için logoyu images klasörüne atın, default temanın header.php dosyasını açıp alttaki kodları bulun.
PHP:
<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
  <div class="description"><?php bloginfo('description'); ?></div>
ve alttaki kodlarla değiştirin.
PHP:
<a href="<?php echo get_settings('home'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" width="300" height="150" alt="<?php bloginfo('name'); ?>" /></a>
 
Top