Wordpress Haberleri Yan Yana Göstermek

Öncelikle merhaba arkadaşlar;

Sitemde wordpress church teması kuruludur. Church temasında bildiğiniz üzere home.php dosyasından alt alta haberler gösterilir. Benim sitemde alt alta 5 haber gösteriliyor. Ama ben bu haberin alt alta değil de yan yana gözükmesini istiyorum. üstte resim altında başlık olacak şekilde. Örnek isterseniz www.rapfan.net 'te anasayfa da etkinlikler kategorisine bakabilirsiniz. Benim haber kodlarım alt alta göstermeye yarıyor. İşte home.php dosyasındaki haber kodları;

		<div id="homepagebottom">

			<div class="hpbottom">

				<h3>Kategori III</h3>
				<?php
					// Aşağıdaki cat=9 rakamını göstermek istediğiniz kategori ID'si ile değiştirin.
					// showposts=3 gösterilecek kayıt sayısıdır, istediğiniz şekilde değiştirebilirsiniz.
				?>
				<?php $recent = new WP_Query("cat=9&showposts=3"); while($recent->have_posts()) : $recent->the_post();?>
				<?php if( get_post_meta($post->ID, "hpbottom", true) ): ?>
					<a href="<?php the_permalink() ?>" rel="bookmark"><img style="float:left;margin:0px 10px 0px 0px;" src="<?php echo get_post_meta($post->ID, "hpbottom", true); ?>" alt="<?php the_title(); ?>" /></a>
				<?php else: ?>
					<a href="<?php the_permalink() ?>" rel="bookmark"><img style="float:left;margin:0px 10px 0px 0px;"  src="<?php bloginfo('template_url'); ?>/images/thumbnail.png" alt="<?php the_title(); ?>" /></a>
				<?php endif; ?>
				<b><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></b>
				<?php the_content_limit(350, "[Devamını oku]"); ?>

				<div style="border-bottom:1px dotted #2255AA; margin-bottom:10px; padding:0px 0px 10px 0px; clear:both;"></div>

				<?php endwhile; ?>
	
				<b><a href="http://www.revolutiontwo.com/demo/church/category/music" rel="bookmark">Bu kategorideki tüm gönderiler</a></b>

			</div>

		</div>

Yok mu yardımcı olacak ?

Şimdi ne istediğinizi tam olarak anlamadım ancak anladığım kadarki kısmı açıklayayım. Öncelikle yazıların yan yana listelenmesini istiyorsanız. Bu kodları düzenleyerek değil kendiniz stil oluşturarak yapabilirsiniz. Nasıl mı?

Öncelikle büyük genişlik tanımlarsınız. Mesela şöyle:

#buyukkolon {width:600px; padding:10px;}

Ardından sola yaslanacak kolonu tanımlarsınız.

#solkolon {width:290px; float:left: margin-right:10px;}

Sonra sağa yaslanacak kolonu tanımlarsınız.

#sagkolon {width:290px; float:right; margin-left:10px;}

Sonra sayfanızda bunları listelersiniz.

<div id="buyukkolon">

<div id="solkolon">

<h3>başlık</h3>

döngü

</div>

<div id="sagkolon">

<h3>başlık</h3>

döngü

</div>

</div>

Bu arada yardım edilmemesinin sebebi, istediğiniz şey ücretli yapılıyor normalde. O yüzden olabilir. Ancak ben burada genel olarak mantığı anlattım...

Sermat anlattıklarınla birşeyleri yapmaya çalışacağım. Teşekkürler.