Создание и оформление Sticky Post



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

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

Что бы сделать ту или иную новость прикрепленную наверху, вам следует заглянуть в блок «Опубликовать» и в пункте «видимость» вы ставите галочку напротив фразы «Прилепить на главную страницу».

А для размещенных публикаций вы нажимаете «свойства», ищете строчку «прилепить запись» и ставите напротив нее галочку, далее — сохранить.

Помимо этого запись можно еще особенно выделить, дабы она не сливалась с общей кучей остальных новостей.

Ищем, а затем открываем шаблон index.php и находим место, где выводится сообщения блога, то есть после открытия цикла (1) и до вывода заголовка статьи (2).

(1) —

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

(2) —

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

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

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

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

Раз в данного вида постах будет указан класс sticky, то мы без труда можем прописать в css его оформление. К примеру так:

    .sticky p {
font-size: 11px !important;
line-height: 15px;
font-weight: bold;
}
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Отправить ответ

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

avatar
wpDiscuz