Создание и оформление 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.
комментариев 14 к статье “Создание и оформление sticky post для wordpress”
Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!
Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:
- Вкладки в Woocommerce товарах — как убрать, добавить, изменить (сниппеты + плагин)
- Вывод Woocommerce товаров на странице с Elementor с помощью плагина
- Проблема с адаптивными изображениями в Gutenberg редакторе WordPress
- Хаки для страницы категории в WooCommerce
- Топ-5 плагинов для обеспечения безопасности WordPress сайтов
- Friend Hosting — создание WP сайта в один клик, обзор панели управления и плюсов хостера
- Размеры изображений в WordPress — как изменить, добавить свои и удалить лишние
- WooCommerce (44)
- Безопасность (12)
- Видео (6)
- Виджеты (28)
- Возможности (141)
- Вопрос-ответ (6)
- Начинающим (52)
- Новости (46)
- Оптимизация (23)
- Плагины (244)
- Сервисы (85)
- Хаки и секреты (87)
- Шаблоны (44)
- Записи и посты wordpress, оформление записи
(5,91 из 7, голосов - 47)
- Умный копирайт в footer.php для wordpress
(5,63 из 7, голосов - 30)
- Обновление плагинов и тем в WordPress: автоматическое, через FTP, скрытие уведомлений
(5,13 из 7, голосов - 30)
- Проблема с адаптивными изображениями в Gutenberg редакторе WordPress
(4,08 из 7, голосов - 36)
- Polylang — плагин для мультиязычных сайтов на нескольких языках в WordPress
(4,33 из 7, голосов - 30)
- Рубрики и категории wordpress, функция wp_list_categories
(6,05 из 7, голосов - 20)
- Иконки в меню WordPress — добавляем вручную и с плагином
(4,75 из 7, голосов - 24)

- Дизайн Мания - о веб-дизайне и не только.
- Tod's Blog - все про заработок онлайн.
- Вебдванольные заметки - обзоры веб-сервисов.
- Топ-3 видеокарты среднего класса от AMD: зачем платить больше?
- Доработка фильтра для повышения конферсии
- Зачем нужен домен
- Переваги застосування технології розумний будинок
- Дизайн сайта
- DLE (DataLife Engine) — движок для сателлитов
- Играть бесплатно в игровые автоматы без регистрации
- Продвижение сайта через социальные сети
Как всё просто оказалось. Я то думал, что для таких целей нужно использовать специальный шаблон или хотя бы плагин. Да, не стоит WP на месте.
Надо полазить по админке. Наверняка ещё много простых и полезных вещей не знаю.
Спасибо, полезная вещь! Как раз искал, как прикрепить пост, но в раздел «Видимость» заглянуть не догадался.
Прикольная штуция, можно разместить важную инфу
А чем плоха встроенная опция Написание -> Чтение -> Страница записей??? Она ведь тоже выставляет главный пост и он становится прикрепленным…
Замечательная заметка — огромное спасибо! Не единожды была необходимость «приклеить» информацию на главной странице — а в «видимость» и правда заглянуть фантазии не хватало.
Лично я использую плагин wp-sticky
А как сделать на гланой статичный текст (не заметку), описание про что сайт? По такому же принципу как у Вас .
mik, чтобы сделать это нужно почитать статью вывод текста только на главной в wordpress.
плагин wp-sticky помоему самый подходящий, согласен
Искала информацию как прикрепить на главной поздравление ко Дню Победы и нашла Вашу статью.
Большое спасибо на нужную информацию.
Всё бы ничего, но эта галочка помещает плагин ТОЛЬКО на главную. Мне сейчас нужно было разместить прилепленный пост в категории, не нашёл ничего лучше, чем воспользоваться wp-sticky. Можно, конечно, было бы в шаблоне поизвращаться с запросами вручную, но заломало.
Вадим, спасибо за дополнение, если оно только на главной, то для категории действительно проще использовать плагин.
Всегда найдя полезную информацию на сайте, в качестве благодарности за труды автора, прохожу по всем рекламным ссылкам. Так сделал и в этот раз.
Стас, спасибо, хотя лучше этим не злоупотреблять) Буду стараться публиковать интересные материалы и дальше.