(Yardım) İndex sayfasına sabit sayfa ekleme ve kategori çekme

Merhaba değerli arkadaşlar,
Yeni oluşturdugum wp sayfası için aklımda bir düşünce var fakat tam anlamıyla hayata geçiremedim.
Bu konuda sizlerin yardımına ve tecrübelerinize ihtiyacım var.

1- Site şu an bu şablonda, content bölümünde standart son yazılar mevcut, sidebarda recent post eklentısıyle kategori ve html ile eklediğim resim alanı vs. mevcut.
Content in üzerinde header kısmında yine eklentiyle oluşturulan php kısa kodu var, son uygulamaların paylaşıldıgı , ben o kodu header a yapıstırıp gösterilmesini sagladım.



2- Content bölümündeki son yazılar bölümüne öncelikli olarak alttaki resimde görüldüğü gibi ve sidebardaki gibi belli kategorilerin son yazılarını paylaşmak istiyorum mesela x kategorisinin son 5 yazısı.

Bunun olması yeterli fakat mümkünse bu çektiğimiz kategorilerin altında yine en son paylaştıgımız yazıların da görünmesini istiyorum.
Alttaki resimdeki gibi;



Araştırdım fakat tam anlamıyla sonuc alamadım.

İndexdeki content bölümüne sabit bir sayfa ekleyip, bu sayfa içerisine belirli kategorileri çekme gibi bir durum sanırım yapılabiliyormus ama yardımlarınıza ihtiyacım var, php konusunda biraz zayıfım

Şimdiden teşekkür ederim umarım anlatabılmısımdır ıstedıgımı

İncelemek isteyenler için link: http://www.androidkolik.com

<?php query_posts($query_string . '&cat=16&showposts=3'); ?> ** 16 yazan yere kategori id'sini yazmanız gerekmekte. Showposts=3 yazan yere ise kaç adet yazı gözükmesini istiyorsanız o rakamı yazmalısınız. **/
 <h3><a href="#"><?php echo single_cat_title('', false); ?></a></h3> /** Bu kısma dokunmanıza gerek yok burada kategorinin ismi bulunuyor. **/
 <?php if(have_posts()) : ?>
 <?php while(have_posts()) : the_post(); ?>
 <?php if(has_post_thumbnail()): ?>
 <?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'widget-image'); ?>
<a href='<?php the_permalink(); ?>' title='<?php the_title(); ?>'><img src="<?php echo $image[0]; ?>" alt="<?php the_title(); ?>" width='175' height='175' /></a><h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
 <?php else: ?>
<a href='<?php the_permalink(); ?>' title='<?php the_title(); ?>'><img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php bloginfo('template_directory'); ?>/images/thumbnail.png&w=136&h=77" alt="<?php the_title(); ?>" width='223' height='98' /></a>
 <?php endif; ?>
 <?php endwhile; ?>
 <?php endif; ?>

Bu şekilde bir kod buldum ve index sayfasının içine content bölümüne yapıstırdım.
Arkaplanı beyaz olan bir div ekleyip alanını belirttim fakat görsel olarak istdeğim şekile getirmek için nasıl bir yok izlemeliyim ?


Yukarıdaki gibi bir görüntü oluştu, benım ıstedıgım şekil aşağıdaki gibi;



yukarıdaki php kodlarını nasıl biçimlendirebiliriz, ya da resimdeki gibi görüntü almam için ne yapmalıyım.

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 00:36:24 -->-> Daha önceki mesaj 00:03:00 --

Sağ sidebar da bulunan Recent Post eklentısınden css ayarı yapılabılıyor fakat ekleyecegım bölume sourcode olarak eklemem lazım, eklentı uzerınden degıl.

Sizden ricam uygulama sayfasına göz atabılır mısınız.
https://wordpress.org/plugins/recent...d/other_notes/

index sayfamda bu eklentıyı nasıl gosterebılırım manuel olarak. Sayfada kodlar belırtılmıs ama ben basaramadım