Оформление первой записи на главной

В WordPress есть возможность оформить новую запись другим стилем, и привлечь таким образом внимание читателей к информации.

Вариантов как это сделать предлагается немало, приведу два, которые работают у меня.

1 вариант оформления новой записи.

Вместо стандартного

<?php if (have_posts()) : ?>
		<?php while (have_posts()) : the_post(); ?>

в файле index.php вставляем код:

<?php if (have_posts()) : the_post(); ?>

		<div id="latest-post">
			<h1 class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Постоянная ссылка: <?php the_title(); ?>"><?php the_title(); ?></a></h1>
			<p class="meta"><small><?php the_time('d M Y') ?>, <?php the_author(); ?> <?php edit_post_link('Править', ' | ', ''); ?><br />
				Рубрика: <?php the_category(', ') ?> | <?php comments_popup_link('Ваш отзыв', '1 отзыв', 'Отзывов: %', 'comments'); ?></small></p>
			<div class="entry">
				<?php the_content('Читать полностью &raquo;'); ?>
			</div>
		</div>

		<div id="recent-posts">
		<?php while (have_posts()) : the_post(); ?>

Соответственно стиль #latest-post отвечает за оформление новой записи, а #recent-posts за оформление остальных.

2 вариант оформления новой записи.

<?php $countposts = 0; while(have_posts()) : the_post(); $countposts++; ?>
  <div class="post<?php if($countposts == 1) { ?> new<?php } ?>">

Дальше выводится содержание записи, цикл статей закрывается строкой

<?php endwhile; ?>

Потом идет остальной код вне цикла, например, навигация.

При этом за оформление новой записи будет отвечать стиль .new, также для всех записей будет использоваться стиль .post.

Краткосрочная и посуточная аренда в Москве от «Форт ДеЛюкс».
Квартиры высокого класса, а также эконом-решения.

Реклама → Optimization.IM: rambler контекстная реклама, быстрый старт

Отзывов (11) на «Оформление первой записи на главной»


Луи Ползав пишет:

декабря 8, 2009 в 21:17

Насколько я понял, последним постом будет считаться и каждый на страницах 2, 3, 4 и тд?

Анастасия пишет:

декабря 8, 2009 в 22:10

Если вы используете такой способ навигации, то да.

Master пишет:

декабря 16, 2009 в 12:17

Все классно описано, НО...

Хорошо было бы пример -результат на страничке выложить... для тех, кто «в танке»! Наглядность — огромное преимущество перед нравоучением... (не я сказал!)

Igor пишет:

января 11, 2010 в 14:48

Добрый день,

Нужен урок по выбору хостинга,как в него положить скрипт(сайт WP)и администрирование.

Анастасия пишет:

января 12, 2010 в 18:03

Посмотрите эту книгу www.dimachen.info/zip/wordpress.zip

RodgerFox пишет:

февраля 1, 2010 в 14:45

Подскажите а как сделать, если я хочу, что бы первый пост был в шапке. и при переключении стр.

1)в шапке оставался так же самый первый пост.

2)в шапке остаётся первый пост с стр.

Большое спасибо.

Pirat пишет:

апреля 2, 2010 в 21:16

И все таки, как это формление выглядит? Выложите пожалуйста наглядное оформление, хотя бы в виде скрина

Андрей пишет:

февраля 26, 2011 в 02:27

Анастасия, спасибо, дорогая:) именно то, что искал уже час...=) бусь

Андрей пишет:

февраля 26, 2011 в 04:07

млин...вот только моих знаний все же не хватило реализовать это...))

Анастасия пишет:

февраля 26, 2011 в 17:04

Там же все просто :) Где именно не получается? Какая ошибка возникает?

Андрей пишет:

февраля 26, 2011 в 18:10

Это вам просто, а у меня все происходит больше методом тыка, и, видимо, этот метод не всегда срабатывает:)

что я делаю:

1) открываю index.php темы, вставляю измененный код по способу 1.

теперь первый пост выглядит согласно внесенных изменений, то есть стандартно

2) а вот теперь моя самая большая проблема, а именно, я толком не знаю, как прикрепить стили к этому первому посту в style.css

пробовал так:

#latest-post{

color: #000000;

float: left;

margin-bottom: 16px;

width: 591px;

padding: 0px;

background: #ffffff url («images/ps.jpg»);

border-radius: 13px ;

}

тут все ок, основной стиль прикрепляется (сорри, если я не грамотно форумулирую свои мысли), но дальше загвоздка — я совершенно не знаю, как прикрепить сюда же стиль заголовка, даты ( то есть все то, что в основном стиле постов называется post .post-title, post .post-title a, .post .post-title .post-date и так далее)

пробовал всякие комбинации, привязать не получилось...

Подскажите, плз, в чем моя ошибка, буду Очень признателен:)

Ваш отзыв


© 2007-2011 Уроки WordPress
Дизайн WpHelp.ru