Home News

Настройка и вывод анонса записи WordPress

01.09.2018

видео Настройка и вывод анонса записи WordPress

Wordpress уроки - Настройка вида отображения записей Вордпресс

Всем привет! Давно я не писал на своем блоге про WordPress, но вот подвернулась одна интересная тема. Сегодня речь пойдет об анонсах записей WordPress : как настроить их внешний вид и вывод на главной странице блога и в рубриках. Казалось бы, банальные вещи, но есть хитрости, о которых многие не знают!



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

Создание анонса записи WordPress

Начало статьи в качестве анонса (как на моем блоге).


Записи Wordpress Супер плагин Content Views адаптивная сетка

Самый простой способ — это использовать в качестве анонса начало статьи. Именно его я использую на своем блоге. Это вполне логично, ведь человек начинает читать материал на главной, он его цепляет и посетитель переходит на страницу уже с полным текстом статьи.


Уроки Wordpress часть 1 размещаем контент на странице

В данном случае в текст записи следует вставить тег

Весь материал до этого тега уходит в анонс. Этот метод имеет один большой недостаток: использование части статьи в качестве анонса снижает ее уникальность. Кроме этого, категории и главная блога полностью состоят из заимствованного текста и совсем не уникальные. Конечно, это плохо с точки зрения SEO , но поисковые системы понимают, что имеют дело с блогом и вполне сносно принимают эту особенность структуры блогов.

Создание на 100% уникального анонса.

Чтобы получить полностью уникальный анонс, следует использовать вот такую связку тегов:

<!-- more --><!-- noteaser -->

Весь материал до него — анонс, а то что после него — содержание статьи.

Вроде все хорошо, статьи, главная и категории максимально уникальны, но в данном случае придется писать 3 похожих по содержанию текста, которые должны быть максимально уникально: анонс, description и вступление статьи. Это отнимает время, силы, да и просто раздражает.

Вывод анонсов на главной и в категориях

По идеи, каждая тема WordPress сама умеет все выводить, поэтому лезть в код и в ручную править шаблоны вам не придется. Конечно, бывают и неприятные исключения. Вот на этот случай я пару слов скажу о коде, функциях и шаблонах.

За главную страницу отвечает шаблон index.php. В нем для вывода анонса используется код:

В моей теме данная функция идет с параметром (указывается текст ссылки, которая ведет на полный вариант статьи):

<?php the_content ( 'Читать дальше' ) ; ?>

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

В категориях, для которых используется шаблон archive.php, принято использовать несколько иной код:

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

Интересности

Помимо кода, отвечающего непосредственно за вывод содержания анонса, часто используются еще и дополнительные функции:

the_post_thumbnail () — отвечает за вывод миниатюры; the_title () — выводит заголовок записи; the_category () — категория, к которой относится запись; the_time () — дата публикации.

Внешний вид настраивается с помощью CSS стилей, но бывает так, что для определенной рубрики нужно задать особое оформление. К примеру, на моем блоге анонсы рубрики «Видеоуроки» отличаются от других. Этого можно добиться, если задействовать простой код с условием:

<?php if ( in_category ( '61' ) ) : ?> // Оформление для рубрики с ID 61. <?php the_content ( 'Читать дальше' ) ; ?> <?php else : ?> // Оформление для всех остальных рубрик. <?php the_content ( 'Читать дальше' ) ; ?> <?php endif ; ?>

61 — это ID рубрики, для которой мы и делаем оригинальное оформление ( как узнать ID категории ). Конечно, этот код стоит дополнить описанными выше функциями и тегами html, для которых прописываются CSS стили для настройки визуального оформления.

На этом же на сегодня все, спасибо за внимание!

Лучший способ выразить благодарность автору - поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.

rss