Не могу не скопипастить себе рабочий метод, с помощью которого можно вывести посты на главной странице сайта на wordpress в две колонки. Спасибо блогу http://blogto4ka.ru
Итак, меняем код в файле index.php используемой темы отсюда:
<?php if (have_posts()) : while (have_posts()) : the_post(); ?> |
и до сюда:
<?php endif; ?> |
на свой:
<?php $col = 1; ?> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <?php if ($col == 1) echo "<div class=\"row\">"; ?> <div class="post col<?php echo $col;?>" id="post-<?php the_ID(); ?>"> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Постоянная ссылка <?php the_title(); ?>"><?php the_title(); ?></a></h2> <p class="postmetadata"><small><span style="float: left;"><?php the_time('j F, Y') ?><?php // the_author() ?></span> <span style="float: right;">Рубрика: <?php the_category(', ') ?> <?php wp_link_pages(array('before' => '', 'after' => '', 'next_or_number' => 'number')); ?> <?php edit_post_link('Редактировать', '', ''); ?></span></small> <?php // comments_popup_link('Нет комментариев »', 'Один комментарий »', 'Комментариев: %'); ?></p> <br clear="all" /> <div class="entry"> <?php the_content('Читать дальше »'); ?> </div> </div> <?php if ($col == 1) echo "</div>"; (($col==1) ? $col=2 : $col=1); ?> <?php endwhile; else : ?> <h2 class="center">Не найдено</h2> <p class="center">Здесь ничего нет, попробуйте поискать:</p> <?php include (TEMPLATEPATH . "/searchform.php"); ?> <?php endif; ?> |
А также, обязательно! дописываем в css файле темы стили для наших двух колонок:
.row{clear: both;} .col1{width: 200px; float: left; padding: 0 10px;} .col2{width: 200px; float: right; padding: 0 10px;} |
Само собой, ширину этих колонок и другое оформление меняеть очень просто. Повторю, без записей в css результата не будет.
Сегодня этот метод отлично сработал на сайте с WP 2.9.2.
Рекомендую делать бэкапы файлов , где вы делаете правки, на всякий случай.
12 комментариев