ничего сложного, но без знания шаблонов wp, а также без знания css у вас ничего не получится.
чтобы при клике на миниатюре происходил переход к посту, можно просто обернуть ее в пермалинк:
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
чтобы выводить по 3 поста в ряд, в css нужно задать контейнеру с постом width: 30% и float: left.
можно также использовать готовые плагины каталога товаров. вроде бы, такие существуют. тот же wp-shop.ru, допустим. я на нем недавно сделал полноценный интернет магазин с вполне приличным каталогом товаров. правда, я его допиливал под себя.
Не хотелось бы устанавливать дополнительные плагины т.к. у меня всего 5-6 товаров будет.
Может быть кто-нибудь сможет помочь по моему вопросу для шаблона PerfectPixel. Скачать его можно здесь http://depositfiles.com/files/2e6g7o1gn
я не знаю, каким образом вы выводите товары, но если в style.css темы убрать свойство clear: both для класс .entry, а для div.excerpt назначить
width: 30%;
float: left;
то записи будут выводится в 3 столбца.
Если у вас всего 5 товаров, тогда через шорткод
в файле function.php
в конце файла дописываем
<?php
function my_func() {
$sk_query = new WP_Query('post_type=post&showposts=10&order=ASC');
if ($sk_query->have_posts()) {
while ($sk_query->have_posts()) : $sk_query->the_post();
$do_not_duplicate = get_the_ID();
$images = get_children( array( 'post_parent' => $do_not_duplicate, 'post_type' => 'attachment', 'post_mime_type' => 'image', 'orderby' => 'menu_order', 'order' => 'ASC', 'numberposts' => 999 ) );
if ( $images ) :
$image = array_shift( $images );
$image_img_tag = wp_get_attachment_image_src( $image->ID, 'thumbnail' );
if ($image_img_tag[0]){
?>
<div style="width:170px; height: 190px; float: left">
<a href="<?php the_permalink();?>" title=" <?php the_title();?>" > <img width="150" height="150" src="<?php echo $image_img_tag[0];
?>">
<span><?php echo the_title(); ?></span></a> </div>
<?php
}
endif;
endwhile;
} else { ?>
<article id="post-0" class="post error404 not-found">
<section class="entry-content clearfix">
<h3><?php _e( 'No solutions', 'cehla' ); ?></h3>
</section><!-- /.entry-content -->
</article><!-- /#post-0 -->
<?php } ?>
<?php wp_reset_query(); ?>
<?php } // END solutions_func()
add_shortcode( 'my_gallery', 'my_func' );
?>
Создаем страницу «Каталог товаров» и прописываем [my_gallery]
В текстовом редакторе пишем [my_gallery]