Главная » WordPress » Статьи Wordpress » Создание и оформление Sticky Post
Распечатать статью

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

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

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

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

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

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

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

(1) —

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

(2) —

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

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

01 <div <?php post_class(); ?>>
02
03
04 </div>

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

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

01 .sticky p {
02 font-size: 11px !important;
03 line-height: 15px;
04 font-weight: bold;
05 }

 

Источник:  wordpresse.ru

Вы можете оставить комментарий, или обратную ссылку на Ваш сайт.

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

Похожие статьи