Mini Blog Nasıl Yapılır?

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ü:

Sevgiler.
Bir önceki yazımız olan Wordpress Fonksiyonları başlıklı makalemizi de okumanızı öneririz.

Merhaba! Ben Burak. 2016 yılında Karadeniz Teknik Üniversitesi Harita Mühendisliği Bölümü’nden mezun oldum. Lise yıllarında HTML & CSS‘e, Üniversite yıllarında WordPress ve Matlab‘e adım attım. Lisans tezimi Matlab üzerinden program yazarak teslim ettim. Çeşitli projeler için WordPress tabanlı yazılımlar geliştirdim.

17 Yorum

    • Burak ŞAHİN

      24 Haziran 2014 at 11:08

      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(); ?>
      
      Yanıtla
  • Soner Abay

    8 Ağustos 2013 at 00:26

    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?

    Yanıtla
  • Eray B.

    7 Haziran 2013 at 20:57

    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. 🙂

    Yanıtla
  • H.Burak

    1 Haziran 2013 at 05:26

    Çok güzel bir anlatım olmuş eline sağlık. Kullanmak isterdim ama ben de de alıntı özelliği var temanın buna benzer 🙂

    Yanıtla

Bir yanıt yazın

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.