WordPress Resimli Son Yazılar Bileşen Kodları

Wordpress resimli son yazılar kodları.

Aşağıda vereceğim kod sayesinde görsel bir son yazılar bileşeni ortaya çıkacaktır başlangıç için bileşende sadece konunun öne çıkarılmış görseli ve konu başlığı yer alıyor.
Ben size isteğinize göre bunlara ek olarak konunun okunma sayısı , konuya yapılan yorum sayısı veya konunun kategorisi gibi eklemeler yapmanızı öneririm.

Sidebar dosyasında istediğiniz yere ekleyin

[code]<?php
$the_query = new WP_Query('showposts=5&orderby=post_date&order=desc');
while ($the_query->have_posts()) : $the_query->the_post(); ?>
<div class=bilesenicerik>
<div class=sonyaziresim><a href="<?php the_permalink('') ?>" title="<?php the_title(''); ?>"><?php if ( has_post_thumbnail() ) {the_post_thumbnail(array(64,64));} else {}?></a></div>
<div class=sonyaziadi><a href="<?php the_permalink('') ?>" title="<?php the_title(''); ?>"><?php the_title(''); ?></a></div>
</div>
<div class=temizlik></div>
<?php endwhile; ?>
<?php wp_reset_query(); ?>[/code]

Kaç konu gösterilsin: showposts=5
Resim boyutları: the_post_thumbnail(array(64,64
Css en alta ekle (temanıza göre düzenleyiniz)

[code].temizlik
.bilesenicerik
.sonyazilar
.sonyaziresim img{height:64px;width:64px;border:3px margin-right:20px;margin-bottom:15px; solid #e5e5e4;}
.sonyaziresim{float:left;margin: 4px 4px 4px 4px;}
.sonyaziadi a:link, .tcat a:visited, .tcat a:hover, .tcat a:active{color:#666;text-decoration:none;font-weight:bold;}[/code]

Kategori: Son Yazılar Kodu, WordPress