Şifreniz Yoksa Boş Bırakın

WordPress Kategorilere Göre Resimli Yazılar Sorunsuz

WordPress Kategorilere Göre Resimli Yazılar Sorunsuz

Evet arkadaşlar wordpress benzer konular yada kategorilerin yazılarını resimli bir şekilde sorunsuz bir halde sizler için paylaşıyorum.

Vereceğim kodların nereye geliceğini bilmeyen bir kişi zaten bu kodu araştırmaz. Araştıran arkadaşlar içinde yardım maksatıyla sizin için paylaşıyorum. Örenk olarak kendi sitemizde bulununa ana sayfada orta kısımda bulunan kod’un bire bir aynısıdır.

Bu kodumuzu index.php yada nerede gözükmesini istediğiniz bir yere koya bilirsiniz.

 

<?php if (have_posts()) : ?>
<?php $metinsarac = new WP_Query(“cat=’5’&showposts=1″); while($metinsarac ->have_posts()) : $metinsarac ->the_post();?>

<div class=”kKonu”> <div class=”kKonuResim”><?php if ( has_post_thumbnail() ) {the_post_thumbnail(array(160,150));} else {}?></div> <div class=”kKonuResim kKonukat kirmizimsi”><?php the_category(‘, ‘) ?></div> <div class=”kKonuİcerik”> <div class=”kKonuBaslik”> <a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a> </div> <div class=”kKonuBilgi”> <?php the_time(‘F j, Y’) ?> | <?php comments_number(‘0 Yorum’,’1 comment’,’% comments’); ?> | <?php the_author_posts_link(); ?></div> <div class=”kKonuYazi”><?php the_content_rss(”, TRUE, ”, 30); ?></div> </div> </div>

<?php endwhile; ?>

<?php endif; ?>

 

Bu kodlarımızda CSS kodlarımız,yani Stylee.css dosyasına koyucağımız kodlardır.

/* Resimli Son Yazılar Kodu */
.kKonu {border-bottom: 1px solid #dfdfdf; padding: 40px 0; overflow: hidden; position: relative;}
.kKonuResim {margin-right: 30px;float: left;}
.kKonukat {position: absolute; top: 48px; font-size: 14px; line-height: 13px;}
.kKonukat a {line-height: 21px; padding: 10px;}
.turuncu a {background-color: #FA4B2A; color: #ffffff;}
.lila a {background: #46A28D; color: #FFFFFF;}
.gokyuzu a {background: #00C8FF; color: #FFFFFF;}
.acikyesil a {background: #77D100; color: #FFFFFF;}
.sari a {background: #FFD800; color: #FFFFFF}
.kirmizimsi a {background: #D45255; color: #FFFFFF;}
.kKonuÝcerik {float: left; width: 500px;}
.kKonuBaslik a {color: #222222; line-height: 20px; font-size: 20px; font-family: ‘Raleway’, sans-serif; font-weight:400; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; /* Safari */}
.kKonuBaslik a:hover {color: #2a60bb;}
.kKonuBilgi {font-size: 12px; color: #999999; display: block; line-height: 10px; margin-top: 10px; margin-bottom: 10px; }
.kKonuYazi {font-size: 14px; color: #555555; line-height: 23px;}
.kKonuYazi a {color: #2a60bb;}
.kKonuYazi img {display: none;}
/* Resimli Son Yazılar Kodu */








BalimSohbet.Com Tüm Haklari Saklidir. St By Kubar agario chat | agario chat room sohbet Sohbet sohbet Dini Sohbet Tubidy Chat SOHBET dizi izle yabancı dizi izle Sohbet Sohbet Odalari Mobil Sohbet