CSSWordPress

Mini Blog Nasıl Yapılır?

Bu yazı 3 ay veya daha önce yayınlanmış olduğundan görülen linklerde, resimlerde veya kodlarda hata olabilir. Herhangi bir hata ile karşılaşırsanız bana buradan bildirebilirsiniz. Anlayışınız için teşekkür eder, keyifli okumalar dilerim.

Merhaba arkadaşlar herkesinde bildiği gibi anarschi‘nin sitesinde 140+1 dediği Mini Blog olayı var. “Bu Mini Blog nasıl yapılır?” sorusuna cevap olarak bu makaleyi yazma kararı aldım. Bende geçenlerde Tuncay Şahin’in blog sayfasında gördüm ve kendime göre düzenledim size de kendimce anlatıcam nasıl yapıcağınızı.

İlk önce blogu ayarlayacağımız bir kategori oluşturun (Ben Mini Blog diye oluşturdum.) ve daha sonra kategorinin id’sini öğrenin [Admin paneline girin oradan Yazılar>Kategoriler’e tılayın daha sonra oluşturduğunuz kategorinin üstüne mause ile imleci getirin ve aşağıda link barında …id=456… gibi bir yazı göreceksiniz. Buradaki 456 sizin kategorinizin id’si. Ben anlatımıma 456 olarak devam edicem siz kendinize göre değiştirirsiniz.]

Daha sonra bu kategoriyi anasayfadan gizeleyeceğiz. Yani siz bir makale, yazı yazdığınızda Kategoriler kısmından Mini Blog’unuzu seçerseniz o yazı Anasayfa’nızda görülmeyecektir. Aşağıdaki kodu functions.php’e uygun bir yere yapıştırınız.

<?php
function excludeCategory($query)
{
if($query->is_home)
$query->set('cat','-456');
return $query;
}
add_filter('pre_get_posts', 'excludeCategory');
?>

Kategori ID’nizi değiştirmeyi unutmayın.

Şimdi temamızın klasörünü açıyoruz ve category.php dosyasını kopyala+yapıştır yapıyoruz ve adını değiştiriyoruz. Ben category-456.php yaptım siz de 456 yerine kendi kategori id’nizi yazın.

Şimdi ise oluşturduğumuz category-456.php yi bir kod editörü ile açıyoruz (Ben Notepad++ ile açtım) ve ıvır-zıvırları siliyoruz (başlık yazısı, ön izleme fotoğrafı, kaç kişi okudu, devamını oku…)

Daha sonra aşağıda verdiğim kodu category-456.php de içerik kısmına yapıştırın. Not: Yazar fotoğrafını değiştirmeyi unutmayın.

<div class="konu">
<div class="divitir">
<span class="divitirtime"><?php echo human_time_diff(get_the_time('U'), current_time('timestamp')); ?> önce yazılmıştır.</span>
</div>
<div class="divitirprofil">
<a href="#"><img alt="" src="YAZAR RESMİ ADRESİ BURAYA" class="" height="40" width="40" /></a>
</div>
<div class="divitiricerik"><?php the_content('...');?></div>
<div style="clear:both;"></div>
<span class="divitirid">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Yorum Yap">Yorum Yap</a>
</span>
<div style="clear:both;"></div>
</div>

Sıra geldi Style.css’e aşağıda verdiğim kodu style.css dosyasına en alta yapıştırın ve daha sonra kendinize göre değiştirin.

.divitirtime {
font-size: 0.8em;
float: right;
padding-right: 2px;
}
.divitir {
padding: 5px;
font-size: 14px;
line-height: 20px;
}
.divitirbilgi {
font-size: 12px;
padding-bottom: 20px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #E8E8E8;
}
.divitirid {
float: left;
font-size: 11px;
font-weight: bold;
padding: 0 0 10px 10px;
}
.konu:hover {
background-color: #F5F5F5;
}
.divitirprofil {
float: left;
padding: 0px 8px 3px 0px;
margin-left: 12px;
margin-top: 2px;
}
.divitirprofil img {
-webkit-border-radius: 4px;
border-radius: 4px;
}

ve aşağıdaki resimdeki gibi birşey oluyor =)
sorularınızı aşağıdan yorum olarak sorabilirsiniz en geç 24 saat içinde geri dönüş yaparım.
Not: Yazılarınızı Başlık yerine İçerik kısmına yazmayı unutmayın 😉

Ekran Görüntüsü:

17 comments
    1. Burak ŞAHİN

      category.php dosyasının kopyala-yapıştır yaptıktan sonra category-{id}.php olarak ismini değiştiriyorsun kopyaladığının.
      daha sonra category-{id}.php dosyasının icindekileri tamamen sil ve aşağıdaki kodu yapıştır.

      <?php get_header(); ?>
      <div class="konu">
      <div class="divitir">
      <span class="divitirtime"><?php echo human_time_diff(get_the_time('U'), current_time('timestamp')); ?> önce yazılmıştır.</span>
      </div>
      <div class="divitirprofil">
      <a href="#" rel="nofollow"><img alt="" src="YAZAR RESMİ ADRESİ BURAYA" class="" height="40" width="40" /></a>
      </div>
      <div class="divitiricerik"><?php the_content('...');?></div>
      <div style="clear:both;"></div>
      <span class="divitirid">
      <a href="<?php the_permalink() ? rel="nofollow">" rel="bookmark" title="Yorum Yap">Yorum Yap</a>
      </span>
      <div style="clear:both;"></div>
      </div>
      <?php get_footer(); ?>
      
  1. Soner Abay

    functions.php ye yapıştırılması gereken kodu yapıştırınca site çöküyor. alınırken web sitesi bir hatayla karşılaştı. bakım için kapatılmış veya yanlış yapılandırılmış olabilir. hatası veriyor. Ne yapmalıyım?

  2. Eray B.

    Abi birden fazla yazar var ve bu resim olayında ne yapmam gerekir ? Temsili bir resim de koyabilirim fakat her yazara ayrı bir resim koysak çok daha iyi olurdu. Böyle bir şeyi yapmam mümkün mü acaba ? Bu arada güzel kaynak olmuş, ellerine sağlık abi. 🙂

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

PREMIUM WORDPRESS TEMALARI
wordpress emlak teması
wordpress rent a car teması v2
%d blogcu bunu beğendi: