Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

WordPress JavaScript — как правильно подключить файл скрипта к шаблону сайта
Использование в шаблонах WordPress JavaScript скриптов давно стало обычным делом. Их подключение возможно несколькими способами, начиная с классического варианта с использование голого HTML. Но чтобы все

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

Практика javascript синтаксис написания
Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

Рекомендации решившим начать изучать JavaScript
Если вы решили начать изучать JavaScript , то эта статья для вас. Надеюсь, что её прочтение избавит вас в будущем от множества ошибок и сделает его изучения более простым, быстрым и эффективным. В статье

Настройка и вывод анонса записи 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