Стиль прикрепленных статей

Как известно, в новых версиях WordPress появилась возможность закреплять статьи на главной, это позволят обратить внимание читателей на те статьи, которые вам особенно нравятся, или которые несут весьма важную, по вашему мнению, информацию. Рассмотри, как оформить такие статьи особым стилем.

Для начала, чтобы закрепить запись на главной, при редактировании публикации достаточно нажать ссылку «Редактировать» напротив пункта «Видимость» и  поставить галочку «Закрепить на главной».

Закрепить запись на главной

Закрепление записи на главной через панель редактирования статьи

Также закрепить запись можно через панель быстрого редактирования.

Закрепить запись через панель быстрого редактирования

Закрепление записи на главной через панель быстрого редактирования

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

Чтобы исправить это, используем предусмотренную WordPress возможность — шаблонный тег post_class().

Для этого в файле index.php в цикле вывода статей (обычно перед заголовком) добавляем строку

<div <?php post_class (); ?>>

(Не забываем поставить закрывающий </div>!)

При этом будут генерироваться разные стили в зависимости от типа записи, например:

class="post-828 post sticky hentry category-nail-art"

Дальше открываем style.css и добавляем стиль

.sticky {
	background: white;
	border: 1px dotted #000;
	padding: 5px;
	margin: 5px;
}

Этого обычно бывает достаточно.


 
 
 

Отзывов (6) на «Стиль прикрепленных статей»

  1. DW03
    19 Дек 2009 в 13:01

    хм, интересная статья спасибо ))

  2. Orion
    02 Янв 2010 в 12:52

    «ученику» в сайтостроении не совсем ясно.

    Например, КУДА всавлять

    ...class="post-828 post sticky hentry...(???)

    в <div > (???)

  3. Анастасия
    02 Янв 2010 в 12:55

    Это никуда вставлять не надо, это пример того, какие стили генерируются самим WordPress. Мы только используем уже готовый сгенерированный в html-коде страницы стиль. Вам достаточно добавить стиль .sticky в файл style.css.

  4. NewAge
    02 Янв 2010 в 19:23

    так этот index.php правится в шаблоне? или в тот, что находится в корне сайта?

  5. Анастасия
    02 Янв 2010 в 19:25

    В шаблоне конечно.

  6. Alex
    13 Фев 2010 в 13:33

    Не отображаются рисунки, жаль...

Ваш отзыв


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