Web Günlüğü » Wordpress » WordPress Mini Blog Yapımı
WordPress Mini Blog Yapımı
Kategori :
Wordpress
Bir hafta önce bir arkadaşım benden mini blog nasıl yapabileceğini sordu ve bende elimden geldiğince yardımcı oldum. O ekledikten sonra mini blogu benden 4-5 kişi daha istedi bende blogum da paylaşmanın daha iyi olacağını düşündüm. Mini blog resimdeki gibidir. Mini Blog Enes İlhan’a aitti ben editledim diyebilirim. Bundan önceki temam da bende kullanıyordum. Gerçekten çok hoşuma gitmişti wordpress ile ilgili yazılarımı ana sayfanın bir köşesinde görünmesini sağlayabiliyordum. Hoş bir görüntü oluyordu. Çoğu temada bu mini blog mevcut. Hemen yapımını anlatayım.
İlk olarak ana sayfadaki kategorileri gizleme hakkında yazdığım yazıyı uygulamanız gerekiyor. Yazıya gitmek içinse buraya tıklayınız. Yazıyı okudunuz ve uyguladınız olarak varsayıyorum . Sonra style.cssdosyamızı açıyoruz ve aşağıda ki kodları ekliyoruz .
#miniblog {font-size: 11px;}
.miniust {margin-top: 20px;padding-left: 10px;padding-right: 10px;padding-top: 3px;padding-bottom: 3px;height: 30px;border: 1px solid #ddd;background: #f5f5f5;line-height: 30px;}
.minibaslik {color:#777;font-weight:bold;font-size:16px;}
.minibaslikbilgi {color:#777;margin-top:-5px;}
.miniblog {margin: 0px;padding: 0px;border: 1px solid #ddd;border-top: 0px;}
.miniblog ul {margin:0px; padding:0px;}
.miniblog li {list-style: none;clear: both;border-top: 1px dotted #CCC;padding: 8px 0px 8px 0px;line-height: 18px;-webkit-transition: all 0.8s;transition-property: all;transition-duration: 0.8s;transition-timing-function: initial;transition-delay: initial;}
.miniblog li:nth-child(odd){background-color:#fff;}
.miniblog li:nth-child(even){background-color:#f7faff;}
.miniblog li:nth-child(1){padding-right:30px !important; border:0px;}
.miniblogresim img{ padding:1px; border:1px solid #CCC; float:left; width:85px; height:60px; margin-right:10px; margin-left:10px;}
.miniicerikbaslik {margin-left:11px;}
.miniicerik {padding-right:10px; text-shadow:1px 1px 1px #FFF; margin-left:10px; margin-top:0px;}
.miniblog a{color:#5e82c2; font-weight:bold; text-decoration:none;}
.minimini{text-align:right; float:right;}
.miniminibaslik {position:absolute; min-height:70px; max-height:70px; min-width:70px; max-width:70px; background-image:url(resim/miniblog.png); margin-left:-41px; margin-top:-8px;}
.miniblog li:hover {background-color: rgb(255, 255, 255);-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 40px 0px inset; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 25px 0px inset;
-webkit-transition: all 0.8s;transition-property: all;transition-duration: 0.8s;transition-timing-function: initial;transition-delay: initial;}
Css kodlarımı ekledikten sonra aşağıdaki kodları istediğimiz yere ekliyoruz. Ben index.php de sayfalamanın hemen altına eklemiştim. İstediğiniz yere ekleyebilirsiniz.
<div class="miniust">
<div class="minibaslik">MİNİBLOG</div></div>
<div id="miniblog">
<div class="minimini"><div class="miniminibaslik"></div></div>
<ul class="miniblog">
<?php $postslist = get_posts('numberposts=3&category=15'); foreach ($postslist as $post) : setup_postdata($post); ?>
<li>
<div class="miniicerikbaslik"><a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><?php the_title(); ?></a></div>
<div class="miniicerik"><?php echo substr(get_the_excerpt(), 0,230); ?>...</div>
<div class="temizle"></div>
</li>
<?php endforeach; ?>
</ul>
<div class="temizle"></div>
</div>
Bu kodların içinde düzenlememiz gerek yerler var hemen onları da anlatayım.
get_posts('numberposts=2&category=700')
Yukarıdaki kodda numberposts yazan yer mini blogda kaç yayın gösterileceğini, category ise kategori idsine aittir. 700 yazan yere ana sayfada gizlediğiniz kategorinin İD numarasını yazabilirsiniz.
<?php
echo
substr
(get_the_excerpt(), 0,230); ?>...</div>
Bu koddaki 230 yazan yer mini blog alanında ki yazının kaç karakter uzunluğunun olduğunu gösterir. Bunu istediğiniz gibi arttırabilir veya azaltabilirsiniz. Örnek vermek gerekirse 230 yazan yeri 460 şeklinde değiştirip arttırabilir 100 yazarak azaltabilirsiniz. Aslında bunu yazmam çok anlamsızdı ama bunu yapamayan arkadaşlar eminim çıkacaktır o yüzden işimi garantiye almak istedim.
Hepsi bu kadar arkadaşlar inşallah beğenip kullanırsınız.
Yorumlar