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

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

Bir Cevap Yazın