WordPress » İlk Yazı Altına Reklam Ekleme!

Merhaba değerli okurlarım, şimdi sizlere ana sayfa da ilk yazının altına sponsor reklamı nasıl eklenir onu göstereceğim. Yapıcağımız işlem gayet basit aslında fakat bilmeyenler için yararlı bir paylaşım olduğunu düşündüğüm için bu konuyu sizlerle de paylaşmaya karar verdim. Örnek gösterecek olursak kodları eklediğimiz de aşşağıda ki gibi bir görüntü ortaya çıkacak. Şimdi isterseniz nasıl eklenir onu göstereyim adım, adım takip edin ki herhangi bir sorunla karşılaşmayalım.

Örnek resim;

wordpress-ilk-yazi-altina-reklam

Şimdi vereceğim rar içinde ki resimleri  temanızın içinde ki images klasörüne atmanız gerekecek. 

Dosyayı indirmek için tıklayınız.

Dosya içinde ki resimleri temanızın images klasörüne attıysanız şimdi www.siteadiniz.com/wp-admin panelinize girip Görünüm > Düzenleyici sekmesine tıklayın ve sağ taraftan Style.css yi açıyoruz ve aşşağıda vericeğim kodları ekliyorsunuz.

.banner_alan {float:left;margin:10px 0px 5px 0px;width:580px;height:84px;background: url(images/banner_zemin.jpg) no-repeat;    }
.banner468 {float:left;width:468px;height:60px;background: #FFF;margin:11px 0px 0px 12px;}
a.sp {display:block;width:77px;height:61px;float:left;margin:11px 0px 0px 12px;background: url(images/sponsor.jpg) no-repeat;text-indent: -999em;}

Bu kodları ekledikten sonra index.php yi açalım ve aşşağıda ki kodları ekleyelim.

<?php the_content(); ?>

Kodunu bulup hemen altına aşşağıda ki kodları ekleyiniz.

<?php if ($count == 0) : ?>
<div class="banner_alan">
<div class="banner468">
<a href="REKLAM SAYFANIZIN LİNKİ" title="Sponsor Ol"><img src="<?php bloginfo( 'template_url' ); ?>/images/banner468.png" alt="Sponsor reklam" /></a>
</div>
<a class="sp" href="REKLAM SAYFANIZIN LİNKİ" title="Sponsor Olmak İstiyorum!">Sponsor Olmak İstiyorum!</a>
</div>
<?php endif; $count++; ?>

Ve bu işlem de bu kadar arkadaşlar, artık ana sayfanızda ilk yazınızın altında bir sponsor reklam alanı gözükmesi gerek.  Siz isterseniz kodları geliştirebilir ve reklam alanınızı özelleştirebilirsiniz. Herhangi bir sorun olursa yorum atmanız yeterli arkadaşlar.

Bir önceki yazımız olan WordPress » Yazar Hakkında Bölümü Oluşturma! başlıklı makalemizde wordpress yazar bölümü oluşturma, wordpress yazar hakkında bölümü ve wordpress yazar hakkında bölümü nasıl yapılır hakkında bilgiler verilmektedir.