Окт

Создание и оформление sticky post для wordpress

Вообще Sticky Post — это статья блога, которая располагается «выше» всех остальных заметок блога вне зависимо от даты публикации. Применений этому можно придумать несколько, чаще всего в качестве Sticky Post просто размещается важная информация для читателей блога. Так, например, подобным образом можно опубликовать объявление о переезде блога, смене RSS ленты или другой контактной информации, можно выделить особым образом важный пост или публикацию под конкретное событие.

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

Обновление 19.07.2019: Чуть позже рассмотрел как вывести sticky post в категориях и тегах (архивах блога) без использования плагинов. По ссылке найдете работающий хак и детальное его пояснение.

Создаем Sticky Post

Чтобы выделить ту или иную статью в качестве Sticky Post при написании текста загляните в блок «Опубликовать», где в пункте «Видимость» нужно будет поставить соответствующую галочку.

Можно указывать опцию Sticky Post также и для размещенных публикаций. В меню «Записи» — «Изменить» выбираем пункт свойства для требуемой статьи. Справа внизу блока найдете статус поста и поле с галочкой «Прилепить запись».

Вот, в принципе, и все. После этого ваша публикация должна будет появиться в блоге выше всех остальных постов.

Оформление Sticky постов (функция post_class)

Теперь можно добавить специальный дизайн для всех Sticky Post дабы они не сливались с остальными постами и действительно привлекали внимание.

Для этого открываем шаблон index.php, находим место, где выводится сообщения блога, то есть после открытия цикла:

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

…и до вывода заголовка статьи:

<h2 class="title"><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

Как правило там уже есть какой-то DIV, отвечающих за оформление блока. Добавляем в него вывод класса с помощью функции post_class, если такого там еще нету. В случае добавление нового DIV не забудьте его закрыть.

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

После этого для каждого поста блока будет выводится специальный класс, где содержится разная информация о статье. В итоге получится что-то вроде этого:

<div class="post-2108 post type-post sticky hentry category-newsblog tag-rss tag-292" id="post-2108">

При этом для «прилепленных постов» будет указан класс sticky. Таким образом можно задавать его оформление в CSS стилях.

.sticky p {
 font-size: 11px !important;
 line-height: 15px;
 font-weight: bold;
}

В Sticky Post нет ничего сложного, но пару раз об этом уже спрашивали, поэтому, думаю, начинающим блоггерам и пользователям wordpress материал пригодиться.

P.S. Постовой. Для развития интернет проекта рекомендуется заказать качественное и комплексное продвижение сайта Киев от seo компании Aweb.

Оцените статью:

(голосов - 6, средний балл: 5,00 из 7)

Загрузка...

Категории: Возможности; Хаки и секреты;

Теги: css, вывод постов, дизайн, оформление блога, полезное для блога, сниппеты.

комментариев 14 к статье “Создание и оформление sticky post для wordpress”

сео-шмео 14.10.2010
Как всё просто оказалось. Я то думал, что для таких целей нужно использовать специальный шаблон или хотя бы плагин. Да, не стоит WP на месте.
Надо полазить по админке. Наверняка ещё много простых и полезных вещей не знаю.
easyposts 23.10.2010
Спасибо, полезная вещь! Как раз искал, как прикрепить пост, но в раздел «Видимость» заглянуть не догадался.
Сумасшедший Джо 04.11.2010
Прикольная штуция, можно разместить важную инфу
Ilya V. Cherepanov 18.11.2010
А чем плоха встроенная опция Написание -> Чтение -> Страница записей??? Она ведь тоже выставляет главный пост и он становится прикрепленным…
Annet 18.11.2010
Замечательная заметка — огромное спасибо! Не единожды была необходимость «приклеить» информацию на главной странице — а в «видимость» и правда заглянуть фантазии не хватало.
Артём 13.12.2010
Лично я использую плагин wp-sticky
mik 16.12.2010
А как сделать на гланой статичный текст (не заметку), описание про что сайт? По такому же принципу как у Вас .
Tod 18.12.2010
mik, чтобы сделать это нужно почитать статью вывод текста только на главной в wordpress.
paxan 23.04.2011
плагин wp-sticky помоему самый подходящий, согласен
Татьяна 07.05.2011
Искала информацию как прикрепить на главной поздравление ко Дню Победы и нашла Вашу статью.
Большое спасибо на нужную информацию.
Вадим 01.07.2011
Всё бы ничего, но эта галочка помещает плагин ТОЛЬКО на главную. Мне сейчас нужно было разместить прилепленный пост в категории, не нашёл ничего лучше, чем воспользоваться wp-sticky. Можно, конечно, было бы в шаблоне поизвращаться с запросами вручную, но заломало.
Tod 01.07.2011
Вадим, спасибо за дополнение, если оно только на главной, то для категории действительно проще использовать плагин.
Стас 31.03.2015
Всегда найдя полезную информацию на сайте, в качестве благодарности за труды автора, прохожу по всем рекламным ссылкам. Так сделал и в этот раз.
Tod 01.04.2015
Стас, спасибо, хотя лучше этим не злоупотреблять) Буду стараться публиковать интересные материалы и дальше.