Окт
13
14

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

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

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

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

Создаем Sticky Post

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

прилепить пост в wordpress

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

sticky post для wordpress

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

Оформление 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)
Загрузка...

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

комментариев 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

    Стас, спасибо, хотя лучше этим не злоупотреблять) Буду стараться публиковать интересные материалы и дальше.

Оставить комментарий


Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!

Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:

Поиск:
Последние посты
Лучшее в категории

Облако тегов
Скажи свое мнение!

В чем основные плюсы Wordpress?

Посмотреть результаты

Загрузка ... Загрузка ...
Друзья проекта
Последние новости