Содержание
Рубрики и метки для страниц WordPress
Несмотря на то, что всё это делается функцией register_taxonomy_for_object_type(), код для каждой таксономии будет разным — отдельно для рубрик, отдельно для меток и отдельно для произвольной таксономии.
Каждый листинг кода будет состоять из двух частей:
- Первая часть кода — основная, именно в ней и будет добавляться поддержка определенной таксономии (рубрики, метки и пр.)
- Вторая часть кода — это модификация стандартных запросов. Т.е. например вы открыли на сайте страницу архива какой-либо категории, а там отображаются и записи
post
и страницыpage
.
Как привязать рубрики к страницам?
Достаточно добавить этот код в functions.php
темы.
function true_apply_categories_for_pages(){ add_meta_box( 'categorydiv', 'Категории', 'post_categories_meta_box', 'page', 'side', 'normal'); // добавляем метабокс категорий для страниц register_taxonomy_for_object_type('category', 'page'); // регистрируем рубрики для страниц } // обязательно вешаем на admin_init add_action('admin_init','true_apply_categories_for_pages'); function true_expanded_request_category($q) { if (isset($q['category_name'])) // если в запросе присутствует параметр рубрики $q['post_type'] = array('post', 'page'); // то, помимо записей, выводим также и страницы return $q; } add_filter('request', 'true_expanded_request_category');
Как привязать метки к страницам?
Можно одновременно использовать с кодом для рубрик.
function true_apply_tags_for_pages(){ add_meta_box( 'tagsdiv-post_tag', 'Теги', 'post_tags_meta_box', 'page', 'side', 'normal' ); // сначала добавляем метабокс меток register_taxonomy_for_object_type('post_tag', 'page'); // затем включаем их поддержку страницами wp } add_action('admin_init','true_apply_tags_for_pages'); function true_expanded_request_post_tags($q) { if (isset($q['tag'])) // если в запросе присутствует параметр метки $q['post_type'] = array('post', 'page'); return $q; } add_filter('request', 'true_expanded_request_post_tags');
Окей, я вставил весь код выше (и тот, который для категорий и тот, который для тегов) «как есть» в functions.php
своей темы, и вот что у меня получилось:
Метабоксы рубрик и меток на странице редактирования страниц (тип поста page) WordPress.
Привязка таксономий к произвольным типам постов
Способ 1. register_taxonomy()
Тут всё проще — достаточно при регистрации таксономии указать все необходимые типы постов в параметре $object_type
функции register_taxonomy().
$taxonomy = ''; // название таксономии $object_type = array(); // тут и указываем все необходимые типы постов в виде массива $args = array(); // параметры таксономии register_taxonomy( $taxonomy, $object_type, $args );
Способ 2. register_taxonomy_for_object_type() и фильтр «request»
А что, если у нас нет доступа к параметрам функции register_taxonomy()? Что, если она является частью плагина или темы, и установленные нами параметры будут сбрасываться каждый раз при обновлении?
Тогда будем использовать такой же способ привязки, который актуален для рубрик и меток.
В данном примере привязываем рубрики к произвольному типу постов product
.
function true_apply_taxonomy_for_post_type(){ // add_meta_box() в данном случае не нужен register_taxonomy_for_object_type('category', 'product'); } add_action('admin_init','true_apply_taxonomy_for_post_type'); function true_expanded_request_custom($q) { if (isset($q['category_name'])) // для произвольных таксономий нужно использовать их название, например $q['product_category'] $q['post_type'] = array('post', 'product'); return $q; } add_filter('request', 'true_expanded_request_custom');
Миша
Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.
Если вам нужна помощь с сайтом или разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда будем рады вам помочь!
WordPress рубрики и метки | WordPress для всех
От автора про WordPress рубрики и метки
Привет! Рубрики и метки WordPress, они же категории и теги, это элементы таксономии, которые позволяют добавить организационную структуру к твоим постам (сообщениям) WordPress. Обрати внимание, только постам, а не страницам.
Рубрики WordPress
Рубрики WordPress это основной способ организации твоих сообщений в тематические группы.
Например, при написании сообщения ты понимаешь, что тема гораздо шире и в будущем ты будешь писать еще сообщения по этой теме. Вероятно, ты захочешь объединить эти сообщения вместе. Для такого объединения можно, прежде всего, использовать рубрики.
Для создания рубрики при написании статьи на странице редактора сообщений, есть поле «Рубрики» и ссылка внизу «+Добавить новую рубрику». Далее, добавь новую рубрику и нажми «Добавить новую рубрику». Затем ты увидишь, что новая рубрика добавлена в список рубрик. если нужно выбери родителя.
Чтобы назначить рубрику этой статье, установите флажок рядом с созданной рубрикой.
Другой способ управления рубриками сообщений – через вкладку Сообщения>>>Рубрики из меню навигации панели инструментов WordPress. Нажав на ссылку «Рубрики», ты перейдешь на страницу «Рубрики». Здесь ты увидишь все рубрики сайта (справа) и добавить новую рубрику (справа).
Ярлык рубрики
Ярлык рубрики создается автоматически. Однако ты можешь вписать ярлык самостоятельно, чтобы создать ЧПУ ссылку. Важно чтобы ярлык имел строчный регистр и содержал только латинские буквы, цифры и дефисы.
Иерархии рубрик
Рубрики, в отличие от тегов, могут создаваться с подчинённой иерархией. Например, у вас может быть категория «Москва», как родительская. Для этой рубрики можно создать подрубрики «Пресня», «Чертаново» и т.д.
Описание Рубрики
В разделе описания ты можешь добавить более подробную информацию о темах сообщений, которые будут в этой рубрике. Некоторые темы WordPress могут показывать эту информацию на страницах архивов рубрик.
Рубрики WordPress против меток
Рубрики и метки основные элементы таксономии сайта. В чем разница между категориями и тегами? Опишу списком:
- Метки нельзя подчинять. Нет родительских и дочерних тегов.
- Tag (тег) независимый элемент таксономии. Они могут объединять статьи из различных рубрик. Это удобно для дополнительной группировки статей, например, по признаку или свойству.
Например, у тебя сайт по город. Есть рубрики «Улицы», «Проспекты», «Бульвары». Чтобы объединить статьи из разных рубрик, можно использовать метки: «пешеходная зона», «узкая улица», «широкая улица» и т.д.
- Других пользовательских отличий тегов (меток) от рубрик нет.
Для создания меток нужно идти на вкладку Записи>>>Метки из меню навигации панели инструментов (консоли) WordPress и создавать метку по аналогии с рубрикой.
Можно добавить метку в редакторе. Для добавления метки в редакторе записей впиши метку в поле меток, можно несколько меток через запятую. Потом нажми кнопку добавить. Метка появится в списке меток в редакторе. После сохранения поста метки появятся в списке меток на вкладке «Метки».
В редакторе есть возможность выбрать уже созданную метку из наиболее популярных. Также при вписывании новой метки система будет показывать уже имеющиеся метки сайта.
Вывод
В завершении замечу, что существуют плагины, которые переводят метки в рубрики. Более того при переносе сайта WordPress вы можете из меток создать рубрики. Это говорит о схожести этих элементов. Однако в уроке мы посмотрели не только схожесть, но и принципиальную разницу между рубриками и метками WordPress.
©WPkupi.ru
Еще статьи
Похожие посты:
Как устроена и из каких шаблонов состоит тема в WordPress
- Пример подключения шаблонов из состава темы
- Порядок обращения Вордпресса к шаблонам текущей темы
Как устроена и из каких шаблонов состоит тема в WordPress?
В области «Текущая тема оформления» будет отображаться используемая в данный момент. Наша, вновь добавленная, должна появиться в области «Доступные …». Нажав на кнопку «Предпросмотр» вы сможете увидеть, как будет выглядеть данный шаблон применительно к содержимому вашего блога.
Чтобы применить понравившуюся тему, нужно щелкнуть по кнопке «Активировать» рядом с ее превьюшкой. В результате, миниатюра переместится в область «Текущая …», а так же произойдет изменение внешнего вида блога, в соответствии с вашими пожеланиями.
Вроде все просто и понятно. Но вряд ли вы найдете такую тему для Вордпресс, которая отвечала бы всем вашим требованиям на сто процентов. Наверняка, вам захочется что-нибудь поменять, убрать или добавить. Но как это сделать? Не особо сложно, но для этого необходимо знать и понимать, как она устроена, из каких файлов (шаблонов) состоит и за что конкретно каждый из этих файлов отвечает.
Тема всегда включает в себя определенный набор шаблонов, которые отвечают за оформление отдельных участков любой вебстраницы вашего блога. Получается, что все вебстраницы собираются из отдельных файликов, подобно конструктору.
Некоторые из этих файлов, например, HEADER и FOOTER, используются на всех страницах блога, другие используются только в определенных случаях. Схематично структуру шаблонов темы в WordPress можно изобразить примерно так:
HEADER отвечает за отображение шапки всех страниц, т.е. верхней части. В нем же формируются мета-теги, которые включаются в шапку HTML кода всех вебстраниц — заголовок страницы TITLE, задается кодировка русского языка, указывается путь к файлу таблицы стилей, который должен подключаться для задания оформления данной вебстраницы и т.д.
Как я уже писал в статье Оптимизируем темы Вордпресс блога, вы можете заменить в HEADER участки кода с ненужными обращениями к базе данных на статичный код HTML для того, чтобы снять лишнюю нагрузку на сервер при формировании вебстраниц.
Шапка, так же формируемая в HEADER, остается неизменной для всех вебстраниц, но содержимое области контента блога формируется разными шаблонами темы, в зависимости от того, какое именно содержимое выводится. Рассмотрим это подробнее:
за вывод содержимого главной страницы отвечает файлик INDEX
за вывод страниц со статьями отвечает SINGLE
при выводе содержимого временного архива статей (по годам и месяцам), при выводе содержимого архива тегов (меток), а так же при выводе содержимого категорий используется обычно один и тот же шаблон ARCHIVE
за вывод результатов поиска по блогу отвечает SEARCH
за вывод статичных страниц (например, «О блоге») отвечает файл PAGE из папки с текущей темой
За формирование футера (footer) в WordPress (подвала, нижней части вебстраницы) отвечает файл FOOTER. Обычно в нем выводится название блога со словами, что все права защищены (называется это копирайт и тут написано как защищать свои авторские права с помощью него). Так же в FOOTER можно добавить код счетчиков посещений (например, от Ливинтернета), если вы их будете использовать на своем ресурсе.
За вывод сайдбара (sidebar — боковая панель WP блога) справа или слева от центральной части страниц отвечает файл SIDEBAR. В каждой конкретной теме кроме SIDEBAR могут использоваться еще несколько шаблонов сайдбаров. В моем случае, сначала боковая панель формируется из кода SIDEBAR, но потом из него осуществляется обращение к SIDEBAR1 и SIDEBAR2, которые формируют его двухколоночное продолжение (сейчас они отключены).
Зная устройство используемой вами темы, вы можете легко понять, в какой именно файл нужно будет внести изменения для получения желаемого эффекта. Причем, возможны варианты использования разных шаблонов в зависимости от того, какие именно из них есть в наличии. По началу это кажется запутанным, но прочитав окончание статьи вы поймете, что все здесь довольно логично и продуманно.
Пример подключения шаблонов из состава темы
Проще всего рассказать о порядке использования шаблонов для отображения той или иной страницы блога на каком-то примере. Допустим, что посетитель открывает вебстраницу со списком статей какой-либо категории (рубрики). Какой файл из папки текущей темы должен при этом запуститься?
На основании того, что было написано выше, вы можете сделать вывод, что для отображения содержимого этой вебстраницы движок WordPress должен использоваться ARCHIVE. При этом вы будете правы лишь отчасти. Да, действительно, этот шаблон будет использоваться для отображении категорий, но только при выполнении ряда условий.
Давайте рассмотрим действия Вордпресса при переходе посетителя по ссылке, ведущей в категорию. Сначала в папке текущей темы:
wp-content/themes/название_
этот движок будет искать файл, который отвечает за вывод именно этой категории. А т.к. они идентифицирует по ID, то и искать он будет CATEGORY-n. Здесь N — номер ID данной категории (Как узнать ID рубрики или страницы в WordPress). Но такой файл в папке вашей темы может появится только в том случае, если вы сами специально его создали для данной категории.
Но если вы этого не делали, то Вордпресс, не найдя такой файл (например, CATEGORY-12), будет искать уже общий для всех категорий (вне зависимости от их ID) CATEGORY. Если и такого файла тоже найдено не будет, то он уже будет искать общий шаблон для вывода всех архивов под названием ARCHIVE.
ARCHIVE он скорее всего найдет в папке с вашей текущей темой, но если случится страшное — даже его не будет — WordPress будет вынужден использовать основной файлик под названием INDEX.
Вот такая вот получается логика использования шаблонов в Вордпресс. А теперь, вооруженные приведенным выше примером, давайте рассмотрим порядок их использования для разных вебстраниц блога.
Порядок обращения Вордпресса к различным шаблонам текущей темы
Рассмотрим все возможные варианты вебстраниц, которые обычно используются и последовательность использования файлов имеющихся в папке с темой:
Начать, конечно же, следует с главной страницы. Порядок обращения к шаблонам будет следующим. Сначала Вордпресс будет искать в папке:
wp-content/themes/название_
файл HOME, а не найдя его обратится к INDEX:
HOME
INDEX
При отображении конкретной статьи (поста) — сначала ищется SINGLE в папке темы, а при его отсутствии, в качестве шаблона отдельной страницы со статьей, будет использоваться опять же INDEX:
SINGLE
INDEX
Для отображения статичной страницы можно будет задать конкретный шаблон прямо из админки WordPress. Для этого при создании или редактировании поста вы должны выбрать из выпадающего списка «Шаблон» нужный:
Эти файлы необходимо создать заранее и добавить в папку с вашей темой. В его начале обязательно нужно вставить название таким вот образом:
Если вы не выберете из этого списка что-либо, то WordPress будет искать файл PAGE, а не найдя его будет использовать все тот же INDEX:
Шаблон, выбранный в админке, при создании статичной страницы
PAGE
INDEX
При отображении категорий (рубрик) будет вначале осуществляться поиск файла для категории с таким ID, например, CATEGORY-11. Если его найдено не будет, то, как я описывал чуть выше, Вордпресс станет искать CATEGORY. В случае и его отсутствия — искать ARCHIVE, ну а если и его не будет, то для оформления страницы категорий будет использоваться INDEX:
Шаблон конкретной категории WordPress (CATEGORY-6, например)
CATEGORY
ARCHIVE
INDEX
Для отображения страницы тега (метки) может использоваться специальный шаблон из папки текущей темы, который будет содержать в своем названии короткую ссылку (слаг). Например, для метки со слагом joomla файл должен будет называться TAG-JOOMLA. Если движок такого файла не найдет, то он попробует найти общий для всех страниц тегов — TAG. Если и его не будет, то — ARCHIVE, а затем — INDEX. Резюме:
Шаблон WordPress для вывода постов с определенной меткой
TAG
ARCHIVE
INDEX
Когда будет запрошена страница автора статей, то вначале движок ищет файлик AUTHOR. При неудаче — ARCHIVE, ну, а если и его не найдет, то — INDEX. Резюме:
AUTHOR
ARCHIVE
INDEX
Для отображения страницы временного архива, например, за месяц или год, Вордпресс сначала проверит папку с текущей темой на наличие в ней файлика DATE, а уже затем обратится к ARCHIVE или к INDEX, в случае отсутствия ARCHIVE. Резюме:
DATE
ARCHIVE
INDEX
Для оформления страницы результатов поиска будет использоваться шаблон SEARCH, в случае его наличия. В противном случае, будет использоваться INDEX. Резюме:
SEARCH
INDEX
Для отображения страницы с ошибкой 404 (ничего не найдено) будет использоваться файлик 404 из папки с вашей темой. О том, как его создать, вы можете почитать в статье: Как создать и зачем нужна страница ошибок 404 для блога на WordPress. Если его не будет, то будет использоваться INDEX, открывающий главную страницу вашего блога. Резюме:
404
INDEX
http://ktonanovenkogo.ru/wordpress/wordpress_osnovi/temy-oformleniya-wordpress-ustanovka-shablonov-sostoyat-kak-rabotayut.html
Связанные посты:
Метки: Шаблоны
Вывод рубрики на странице wordpress
В WordPress есть очень хорошая возможность группировать несколько записей в рубрики (категории), чтобы читателям было удобней просматривать все статьи определенной тематики, которые имеются на сайте. Тем не менее, на страницах этих рубрик нельзя разместить хоть какую-нибудь полезную информацию о содержащемся в них контенте. И это плохо не только с точки зрения юзабилити сайта, но и SEO оптимизации тоже.
Конечно, можно попробовать редактировать файлы темы, чтобы выводить рубрики на собственных страницах или добавить контент к существующим, но если у вас нет соответствующих навыков, то это будет очень трудной задачей. К счастью, можно решить эту проблему другим способом, с помощью плагина List Category Posts, позволяющего реализовать вывод содержимого любой рубрики, в любом месте сайта WordPress.
Принцип этого способа очень прост, вы получаете шорткод с большим количеством параметров, который можно вставить на страницу WordPress, чтобы выводить на ней содержание определенных рубрик и добавить к ним собственный контент.
При этом, параметры шорткода дают вам такие возможности, как:
- Добавлять постраничную навигацию;
- Указывать количество символов для анонса записей;
- Использовать пользовательские CSS классы для оформления;
- Показывать превью постов;
- Задавать сортировку постов и многое другое.
Кроме того, у вас появится специальный виджет WordPress, который может быть использован для отображения содержания определенных категорий даже в боковой панели.
Как это сделать
С этим плагином, вывод рубрики на любой странице WordPress не представляет никакой сложности. Вы просто создаете новую страницу, наполняете ее нужным контентом, а потом добавляете специальный шорткод [Catlist]. В нем вам нужно указать ID тех категорий, которые нужно отобразить. Выглядит это так:
[catlist id=11]
Помимо идентификатора, можно также использовать название или ярлык, тогда шорткод будет выглядеть так:
[catlist name=my_category]
После того, как вы укажите нужную категорию и сохраните страницу, на ней появится содержание соответствующей рубрики, в виде неупорядоченного списка записей WordPress, где каждая запись будет иметь заголовок и ссылку на полный пост.
Как добавить больше параметров
Конечно, такие рубрики выглядят не очень привлекательно, но это недоразумение можно поправить, воспользовавшись дополнительными параметрами, которые позволяют изменить вывод постов. Их достаточно много, вы можете посмотреть полный список во время установки плагина. На данный момент, давайте рассмотрим только те, которые могут понадобиться в первую очередь.
Например, вы можете захотеть, чтобы к каждой записи отображалась миниатюра, ее заголовок и краткое содержание. Так же, вам может понадобиться вывести несколько категорий в одном месте. Тогда, шорткод будет таким:
[catlist name=your_category+your_category_1 thumbnail=yes excerpt=yes excerpt_size=50]
Как видите, можно задавать несколько значений для имени или идентификатора, просто написав их через оператор «+». А поставив «yes» к «thumbnail» и «excerpt», можно показать миниатюры записей и небольшие анонсы соответственно. В конце, строка «excerpt_size» указывает на то, какое количество символов должно быть у анонсов. В данном случае, анонсы будут состоять из 50 символов, но вы можете указать любое количество.
Теперь, давайте попробуем добавить постраничную навигацию и ограничить количество отображаемых в один момент записей до 6. Также, их можно упорядочить, отсортировав список записей по убыванию или возрастанию названия в алфавитном порядке. Делается это так:
[catlist id=5+10 pagination=yes numberposts=6 orderby=title order=desc]
В качестве примера, на этот раз мы будем использовать идентификаторы. Затем, включим постраничную навигацию и введем ограничение в 6 постов на страницу с помощью «numberposts». В конце, зададим сортировку по заголовку в сторону убывания.
Это всего лишь несколько примеров. Если внимательно изучить список возможностей шорткода, то вы поймете, что он позволяет сделать практически все, что угодно. Гибкость – это самое главное преимущество использования данного плагина, поэтому, выводить через него рубрики на пользовательскую страницу WordPress очень удобно.
Стилизация
В параметрах шорткода, кроме различных способов отображения, можно также задать собственную стилизацию. Вообще, по умолчанию, содержание категорий расположено в списке с тегом «ul», классом «lcp_catlist» и уникальным ID. Этого может быть достаточно, чтобы просто задать нужные стили в CSS файле вашей темы WordPress. Но, если вы хотите получить больше возможностей для настройки, то вы можете использовать параметры соответствующие параметры, чтобы добавить собственные HTML теги.
Например, вы можете обернуть заголовки записей в тег «h5» и добавить им любой класс:
[catlist id = 35 title_tag = h5 title_class = my_cat_titles]
Кроме того, вы можете добавить тег или класс и в другие части содержимого. Вот полный список параметров:
autor_tag, author_class, customfield_tag, customfield_class, catlink_tag, catlink_class, comments_tag,
comments_class, date_tag, date_class, date_modified_tag, date_modified_class, excerpt_tag, excerpt_class, morelink_class, posts_morelink_class, thumbnail_class, title_tag, title_class
Если даже этого вам недостаточно, то можно воспользоваться встроенной системой шаблонизации плагина. К сожалению, описание этого способа выходит за рамки данной статьи, но его суть в том, что нужно будет создать файл шаблона, вставить в папку вашей вордпресс темы и настроить его. Затем, вы сможете использовать параметр «template», который будет определять, какой шаблон использовать в конкретном шорткоде. Для примера, вы можете найти шаблон по умолчанию, находящийся в папке плагина, и посмотреть как это устроено.
Категории в виджете
Другой способ вывести содержание определенных категорий на сайте WordPress, это использовать специальный виджет, входящий в состав плагина. Его можно найти в разделе виджетов, находящемся в меню «Внешний вид» панели администратора.
Найдите там виджет «List Category Posts» и перетащите его на нужную панель. После этого, вы увидите список опций, позволяющих настроить его вывод. Этот список содержит много параметров, которые так же используются в шорткоде, хотя и не все. В любом случае, их вполне достаточно, чтобы максимально персонализировать виджет.
Заключение
Как видите, реализовать вывод рубрики на собственную страницу WordPress достаточно просто, если пользоваться этим плагином. У него огромное количество возможностей, но это не создает сложностей для его использования. Конечно, можно обойтись вообще без расширений, если выводить категории с помощью PHP кода в файлах темы, но этот способ не только требует определенных навыков, но и достаточно затратный по времени. К тому же, в отличии от плагина, вывод через код имеет некоторые проблемы с постраничной навигацией, на решение которых тоже требуется время, нервы и знания.
Разница между записями и страницами в WordPress
Многие люди, только что познакомившиеся с WordPress, очень часто не могут понять принципиальной разницы между записями и страницами. Хотя она существенная и созданы они совсем для разных целей. Попробуем разобраться в их предназначении.
Для чего нужны страницы?
Страницы представляют собой автономные кусочки сайта, которые нельзя привязать к рубрикам, но можно привязать к другим страницам. Если записи служат для публикации большого объема взаимосвязанных статей, то страница, как правило, сама по себе и не связана с другими страницами на сайте. Они как правило либо не меняются, либо меняются очень редко.
Она создается с целью донести до посетителя конкретную информацию, которая будет редко меняться или же для которой нужно особое оформление. Например: страницы контактов, об автореи т.д.
Что касается особого оформления. У страниц есть так называемые шаблоны страниц, которые могут полностью изменить дизайн конкретной страницы. Такого нет у записей. И это еще одно отличие. Очень полезное, кстати. Ведь благодаря ему вы можете сделать уникальным часть сайта. Очень часто возникает необходимость сделать страницы контактов или какие-либо другие страницы отличными по дизайну от обычных записей, тут на помощь и придут шаблоны страниц.
Страницы не выводятся на главной по-умолчанию, но выводятся в меню, если вы не настроили свое собственное меню.
Также у страниц нет форматов записей.
Страницы нельзя группировать в рубрики и это является главным отличием от записей. Из за этого схожие страницы очень неудобно объединять. Придется создавать отдельную родительскую страницу, которая будет содержать в себе дочерние. Странный подход, если есть рубрики в записях. Поэтому страницы друг с другом все таки не должны быть связаны.
Для Pro:
С другой стороны вам может понадобиться уникальный дизайн для определенных рубрик, но и тут можно обойтись без страниц. К примеру, задать уникальный стиль для определенной рубрики, проверив ее с помощью встроенной функции WP is_category(). Или же с помощью форматов записей.
Для чего нужны записи?
Записи в отличии от страниц можно группировать в рубрики. И это очень удобно для отображения новостей, блогов или же статей на сайте. Также во многих виджетах нас просят выбрать рубрику для отображения, что позволяет нам выводить только нужные посты. Провернуть такой трюк с помощью страниц не получится, ведь они «одиночки».
Записи выводятся на главной в только, что созданном блоге и их нельзя добавить напрямую в произвольное меню, только через ссылку.
Также есть формат записей. Очень удобная штука, если ей пользоваться.
К примеру, вы хотите по особенному оформить галереи с изображениями.
Для Pro:
Более подробно узнать о том, как пользоваться форматами вы можете узнать тут.
Также у записей есть метки. Очень часто их путают с рубриками, но так делать не нужно. Метки, в отличие от рубрик, более конкретные. Если рубрики содержат группу записей, то метки конкретизируют конкретную запись. К примеру: есть рубрика «Компьютеры» и в ней записи с меткой «Установлена Windows 8». Создавать отдельную рубрику для этого нет смысла, так как пользователю редко бывает интересная какая версия установлена, а вот связать с помощью меток похожие записи очень даже можно.
Также с помощью меток, можно связывать похожие статьи. Так как, метки более полно отражают суть статьи, чем рубрики.
Заключение
Надеюсь вы поняли разницу между различными типами постов и будете использовать их по назначению. WordPress очень простая в освоении платформа, но в ней есть нюансы которые новички сразу не замечают. Надеюсь статья помогла вам разобраться.
Как создать тему для WordPress. Часть 6: страница рубрик, archive.php
Этот урок – седьмой из серии, посвященной разработке темы для WordPress. Из него вы узнаете, как создать шаблон для страницы архивов archive.php.
Разобраться в том, для чего будет использоваться файл archive.php, поможет схема иерархии шаблонов. Из этой схемы следует, что шаблон архивов в теме для WordPress выводит эти страницы:
- рубрики
- метки
- архивы по датам
- архивы по авторам
- пользовательские таксономии
- архивы пользовательских типов записей
В этом руководстве я создам только один шаблон – archive.php, и все перечисленные страницы будут загружаться с его помощью. Но если вам необходимо, то можете сделать отдельные шаблоны для вывода разных типов архивов.
Шаг 1 Создаем файл archive.php
В нашей теме страница архивов будет выглядеть почти также, как главная, но вверху будет добавлено название и описание рубрики, имя автора, дата или метка. То есть, этот шаблон будет основываться на файле index.php, но с некоторыми изменениями.
Поэтому первое, что нужно сделать, это создать в папке темы копию index.php, и переименовать ее в archive.php.
Шаг 2 Добавляем заголовок и описание для рубрик
Теперь добавим на странице заголовок для рубрик. В самом начале файла archive.php, сразу после get_header
и перед while ( have_posts() )
, нужно добавить проверку, открыта ли сейчас страница рубрики. В начале файла код должен быть таким:
| <?php get_header(); ?> <?php while ( have_posts() ) : the_post(); ?> |
А сейчас между первой и второй строкой, то есть до цикла вывода записей, добавим:
| <h2> <?php if ( is_category() ) : single_cat_title(); endif; ?> </h2> |
Строка 3 – это условие, если открыта страница рубрик, а строка 4 – это вывод названия текущей рубрики.
В файле стилей /css/style.css пропишем стили для заголовка страницы. Нужно будет добавить h2
и h2 a
к строкам 48 и 55, и добавить где-нибудь снизу новый стиль для .page-title
.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| h2,h3,h4,h5,h5,h6 { font-family: ‘Open Sans Condensed’, sans-serif; font-weight: 700; color: #1b252a; }
h2 a, h3 a, h5 a, h5 a, h6 a { text-decoration: none; color: inherit; }
.page-title { font-size: 3.5em; line-height: 1.25em; } |
Теперь выведем описание для рубрики:
| <h2> <?php if ( is_category() ) : single_cat_title(); endif; ?> </h2> <?php if ( is_category() ) : // выводим описание только на странице рубрики if (category_description() !== ») : // если есть описание, выведем его echo ‘<p>’ . category_description() . ‘</p>’; endif; endif; ?> |
Аналогичным образом добавим заголовки для других типов архивов.
Шаг 3 Заголовок для архивов по датам
Модифицируем код, и добавим к нему проверку, не открыта ли страница архива по годам:
| <h2> <?php if (is_category()): single_cat_title(); elseif (is_year()): printf(__(‘Year: %s’, ‘striped’), ‘<span>’ . get_the_date(_x(‘Y’, ‘yearly archives date format’, ‘striped’)) . ‘</span>’); endif; ?> </h2> |
А потом по месяцам и по дням:
| <h2> <?php if (is_category()): single_cat_title(); elseif (is_year()): printf(__(‘Year: %s’, ‘striped’), ‘<span>’ . get_the_date(_x(‘Y’, ‘yearly archives date format’, ‘striped’)) . ‘</span>’); elseif (is_month()): printf(__(‘Month: %s’, ‘striped’), ‘<span>’ . get_the_date(_x(‘F Y’, ‘monthly archives date format’, ‘striped’)) . ‘</span>’); elseif (is_day()): printf(__(‘Day: %s’, ‘striped’), ‘<span>’ . get_the_date() . ‘</span>’); endif; ?> </h2> |
Шаг 4 Заголовок для страницы меток
Добавить заголовок на страницу меток очень легко:
| <h2> <?php if (is_category()): single_cat_title(); elseif ( is_tag() ) : single_tag_title(); elseif (is_year()): printf(__(‘Year: %s’, ‘striped’), ‘<span>’ . get_the_date(_x(‘Y’, ‘yearly archives date format’, ‘striped’)) . ‘</span>’); elseif (is_month()): printf(__(‘Month: %s’, ‘striped’), ‘<span>’ . get_the_date(_x(‘F Y’, ‘monthly archives date format’, ‘striped’)) . ‘</span>’); elseif (is_day()): printf(__(‘Day: %s’, ‘striped’), ‘<span>’ . get_the_date() . ‘</span>’); endif; ?> </h2> |
Шаг 5 Заголовок для страниц автора и других
Также нужно добавить заголовок для страницы автора (это строка 14), и страниц других видов архивов, которые могут добавить пользователи (это строка 16, и эта страница будет называться просто “Архивы”):
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
| <h2> <?php if (is_category()): single_cat_title(); elseif ( is_tag() ) : single_tag_title(); elseif (is_year()): printf(__(‘Year: %s’, ‘striped’), ‘<span>’ . get_the_date(_x(‘Y’, ‘yearly archives date format’, ‘striped’)) . ‘</span>’); elseif (is_month()): printf(__(‘Month: %s’, ‘striped’), ‘<span>’ . get_the_date(_x(‘F Y’, ‘monthly archives date format’, ‘striped’)) . ‘</span>’); elseif (is_day()): printf(__(‘Day: %s’, ‘striped’), ‘<span>’ . get_the_date() . ‘</span>’); elseif (is_author()): printf( __( ‘Author: %s’, ‘striped’ ), ‘<span><a href=»‘ . esc_url( get_author_posts_url( get_the_author_meta( ‘ID’ ) ) ) . ‘» title=»‘ . esc_attr( get_the_author() ) . ‘» rel=»me»>’ . get_the_author() . ‘</a></span>’ ); else : _e( ‘Archives’, ‘striped’ ); endif; ?> </h2> |
Итоги Мы создали шаблон архивов!
Конечно, в процессе разработки темы для WordPress очень важно не забыть про шаблон архивов. Другой, не менее важный шаблон, это single.php – именно он выводит одиночную запись в блоге. Также, на этой странице добавляются комментарии к записям. Поэтому следующий урок будет связан с созданием файла single.php. Чтобы его не пропустить, подписывайтесь на обновления блога!
Метки и рубрики WordPress
Понятие таксономии в вебмастеринге подразумевает классификацию, структуризацию и систематизацию всех материалов на сайте. Говоря простыми словами: таксономия позволяет всё разложить по полочкам, и тогда всё легко можно найти. Метки и рубрики WordPress являются таксономическими единицами. О них и о структуре сайта я расскажу вам в этой статье.
Рубрики WordPress
Рубрики – это главные таксономические единицы WordPress. Их можно создать неограниченное количество. Рубрики WordPress могут иметь иерархическую структуру, то есть одна рубрика может включать в себя несколько других, а те в свою очередь тоже могут иметь подрубрики. И любая статья на сайте может быть отнесена к одной или нескольким дочерним или родительским рубрикам.
Рубрики – это главные единицы для классификации статей на сайте. Рубрики WordPress могут быть родительскими и дочерними, то есть способны создавать иерархию.
Представьте, что у вас сайт о Великобритании и есть уже две готовые статьи. Первая о королеве Елизавете, а втора – о Лондоне. Таким образом, для первой можно создать рубрику «Королевская семья», а для второй – «Города Великобритании». В дальнейшем можно написать ещё статьей, которые будут тематически походить к этим рубрикам.
Для того чтобы создать рубрику, необходимо в консоли WordPress перейти в пункт «Записи» и выбрать подпункт «Рубрики». Здесь слева появляется форма добавления новой рубрики, а справа – список всех рубрик.
Для добавления новой рубрики, введите её название в поле «Название». Поле «Ярлык» можно оставить пустым. Если вы настроили на сайте ЧПУ, что это поле заполнится автоматически транслитом названия рубрики. В списке «Родительская» можно выбрать, какая из ранее созданных рубрик WordPress будет для создаваемой родительской. В поле «Описание» можно написать пару предложений, повествующие о том, о чём статьи из данной рубрики (не все шаблоны выводят описание). Нажмите кнопку «Добавить новую рубрику» после заполнения всех полей, и тогда вы увидите её в списке справа.
Рубрики WordPress
Уже созданную рубрику WordPress можно редактировать, кликнув по её названию в списке справа. Можно изменять все параметры – название, ярлык, иерархию и описание.
Рубрики на сайте могут выводиться в навигационном меню или в виджете «Рубрики».
Метки WordPress
Метки WordPress – это младшие таксономические единицы. Их можно использовать для того, чтобы пояснять суть статьи в той или иной рубрике. Метки или, как их ещё называют, теги, не могут быть иерархическими, каждая из них имеет лишь один уровень. Меток можно создать неограниченное количество, и любая запись может быть отнесена к нескольким меткам.
Метки – это младшие таксономические единицы на WordPress. Они не могут быть иерархическими. Метки или теги применяются для расширения той или иной рубрики.
Например, если у вас на сайте рубрика «Города Великобритании», и вы пишите статью, допустим, о Лондоне, то вы можете присвоить ей метку «Лондон». Далее, у вас есть ещё одна рубрика «Королевская семья» и вы пишите в ней статью о том, как королева Елизавета посетила достопримечательности Лондона. Этой статье вы тоже можете присвоить метку – «Лондон». Таким образом, две рубрики у вас объединяются одной общетематической меткой.
Говоря простыми словами: метки можно назвать недорубриками или расширяющими продолжениями рубрик.
Для того чтобы создать метку, необходимо в консоли перейти в пункт «Записи» и выбрать подпункт «Метки». Аналогично рубрикам WordPress, слева будет форма добавления новой метки, а справа – список всех меток. Чтобы создать метку, введите в поле «Название» её название. «Ярлык» также можно оставить пустым. Если настроено ЧПУ, то это поле заполнится транслитным вариантом названия. Заполните «Описание» парой предложений (не все шаблоны выводят описание). Нажмите кнопку «Добавить новую метку» и вы увидите её в списке справа.
Метки WordPress
Если кликнуть на название метки в списке справа, то можно отредактировать все её параметры.
На сайте можно вывести облако меток. Для этого можно применить встроенный виджет WordPress «Облако меток».
Надо заметить, что метки почти никогда не используются при продвижении сайта, и в файле robots.txt они обычно блокируются для индексирования.
Структура сайта
То, какие метки и рубрики WordPress используются на сайте, определит его структуру. Структура сайта напрямую влияет на его продвижение, индексацию, поведенческие факторы и вообще успешность проекта. Структура должна создаваться на начальном этапе, ещё до написания первой записи. Если структура сайта будет неправильной, то потом нужно будет переделывать её, а это может повлечь негативные последствия в процессе индексации.
Рубрики определяют основные подтемы сайта. Количество подрубрик определяет уровень вложенности статьи – УВ. Первый уровень вложенности или УВ1 имеет главная страница с адресом «example.ru». Если создать рубрику, то её адрес будет «example.ru/category» — это УВ2. Если в этой рубрике создать запись, то она будет иметь адрес «example.ru/category/post» — это УВ3. Если в этой рубрике ещё создать подрубрику — «example.ru/category/subcategory/post» — то запись будет иметь УВ4.
Помните, что нежелательно создавать более 3-х уровней вложенности в структуре сайта, так как это значительно замедлит индексацию страниц. Таким образом, количество уровней дочерних рубрик WordPress должно быть ограниченно.
Несмотря на эту известную всем рекомендацию, многие вебмастера, в том числе и я, балуются четырьмя уровнями вложенности. По моему мнению, это необходимо для того, чтобы лучше спроектировать материалы. И на индексацию не так уж и сильно влияет. Я могу рассуждать субъективно.
Структура сайта влияет на поведение и симпатию пользователей. Так, рубрики WordPress и их дочерние элементы должны по своим названиям и описаниям точно передавать, что в них находится. Все статьи должны находиться в тематических рубриках. Нельзя допускать появления статьи о носорогах в рубрике о жирафах. Рубрики WordPress призваны помочь посетителю ориентироваться на сайте. Аналогично дела обстоят с метками.
Статьи по теме:
4 простых способа настройки заголовков в WordPress
Ищете простой способ настроить заголовок WordPress?
Поскольку ваш заголовок находится в верхней части каждой страницы, он играет важную роль в создании бренда вашего веб-сайта, помощи посетителям в навигации и продвижении вашего самого важного контента.
Однако, чтобы извлечь максимальную пользу из заголовка вашего сайта, вам нужен способ его редактировать, чего нет во многих темах.
В этом посте мы поделимся некоторыми различными тактиками, которые вы можете использовать для настройки заголовка в WordPress, используя как простые интерфейсы перетаскивания, так и ваш собственный код.
Самый простой вариант — использовать тему Astra и ее конструктор заголовков с перетаскиванием мышью, но мы также поделимся некоторыми другими приемами, которые будут работать с любой темой WordPress.
Что такое заголовок WordPress?
Заголовок WordPress — это часть вашего сайта, которая отображается вверху каждой страницы. Как правило, он включает как минимум два элемента:
Например, вот как выглядит заголовок в блоге Astra. Вы можете видеть, что он включает в себя логотип Astra, а также два отдельных меню навигации:
В зависимости от ваших потребностей вы также можете включить другие элементы, такие как значки социальных сетей, окно поиска, рекламные объявления, номер телефона и другую информацию.
Если вам когда-нибудь понадобится посмотреть, как это работает, заголовок WordPress содержится в файле header.php в вашей теме WordPress.
Как настроить заголовок WordPress с помощью Astra
Если вам нужен полный контроль над заголовком WordPress, бесплатная тема Astra дает вам возможность полностью настроить заголовок WordPress с помощью перетаскивания без использования кода.
Вы сможете сразу увидеть свои изменения в режиме предварительного просмотра своего веб-сайта и легко добавить различные типы контента, такие как кнопки, значки социальных сетей, окно поиска и многое другое.
Для начала вам нужно установить и активировать тему Astra. Вы также можете импортировать один из сотен предварительно созданных демонстрационных сайтов, чтобы быстро начать работу. Если вам нужна помощь на любом из этих шагов, у нас есть множество руководств, которые помогут вам:
Когда у вас будет готов базовый сайт, вот как настроить заголовок с помощью Astra.
1. Откройте Astra Header Builder
.
Для начала перейдите в Внешний вид → Настроить на панели инструментов WordPress, чтобы запустить собственный настройщик WordPress.Затем выберите параметр Header Builder :
После запуска конструктора заголовков вы увидите новый набор параметров, с помощью которых вы можете управлять макетом заголовка:
2. Добавление и организация содержимого заголовка
А теперь самое интересное — добавление контента. Вы можете видеть, что у вас есть три строки в конструкторе заголовков. Каждая строка управляет содержимым отдельной части заголовка:
- Над заголовком
- Основной заголовок — это место, куда вы помещаете свой «основной» контент.
- Под жаткой
Вы обязательно захотите включить контент в основной заголовок, а затем у вас будет возможность добавить контент выше или ниже этого в соответствии с вашими потребностями.
Чтобы добавить контент, вы можете щелкнуть в том месте, куда вы хотите добавить контент. Откроется набор опций:
- Основное меню
- Второстепенное меню
- Логотип
- Кнопка
- Поиск
- Социальные сети
- HTML 1
- HTML 2
Обратите внимание, что по мере добавления содержимого вы увидите меньше вариантов.Например, вы можете добавить свой логотип только один раз, поэтому этот параметр исчезнет, как только вы уже добавите логотип в свой заголовок. :
После того, как вы добавили контент, вы можете нажать на него, чтобы открыть его настройки. Например, если вы добавите кнопку, вы сможете управлять текстом кнопки и ссылкой.
Вы также можете открыть настройки Design для дальнейшей настройки:
Если вы хотите изменить порядок содержимого или переместить его в другую строку, все, что вам нужно сделать, это перетащить его:
3.Настроить макет заголовка
Выше мы показали вам, как настроить отдельные элементы внутри вашего заголовка. У вас также есть несколько вариантов настройки вашего заголовка в целом.
Во-первых, вы можете перейти на вкладку Design главного конструктора заголовков, чтобы управлять шириной и интервалом заголовка. Вы также можете щелкнуть значок шестеренки для каждой строки заголовка, чтобы настроить ее высоту и дизайн:
4. Экспериментируйте с разными типами заголовков
В зависимости от того, используете ли вы бесплатную версию Astra или Astra Pro, вы также получите доступ к дополнительным типам заголовков, таким как прозрачные заголовки (бесплатно) и липкие заголовки (Pro).
Вы можете использовать тот же конструктор верхних и нижних колонтитулов, описанный выше, для создания прозрачного или липкого верхнего колонтитула. Вы увидите эти параметры в разделе Типы заголовков . Вы можете щелкнуть по ним, чтобы развернуть настройки и создать разные типы заголовков:
Три других способа настройки заголовка WordPress
Хотя конструктор заголовков Astra с перетаскиванием предлагает самый простой способ настроить заголовок WordPress, есть и другие приемы, которые вы можете использовать, независимо от того, какую тему вы используете.
Вот некоторые из лучших стратегий…
1. Используйте настройки настройщика вашей темы
Большинство тем WordPress дают вам некоторый контроль над заголовком вашего сайта в собственном настройщике WordPress. Вы вряд ли получите тот уровень детализации, который дает вам Astra, но вы получите несколько вариантов управления внешним видом и функциями вашего заголовка.
Эти параметры зависят от вашей темы, но обычно вы можете открыть их, щелкнув значок синего карандаша рядом с элементами в заголовке.Например, в новой теме по умолчанию Twenty Twenty-One вы можете увидеть, что можете настроить свой:
Если вам нужна дополнительная помощь, вы можете обратиться к документации разработчика вашей темы.
2. Используйте Elementor и бесплатный плагин для настраиваемых заголовков
Если вы не знакомы с Elementor, это визуальный инструмент дизайна с перетаскиванием, который можно использовать для создания контента на своем сайте. С помощью бесплатного плагина WordPress для пользовательских заголовков Elementor — Header, Footer & Blocks Template вы можете использовать бесплатную версию Elementor для создания собственного пользовательского заголовка WordPress.
Этот плагин отлично работает с бесплатной темой Astra, а также с любой другой темой WordPress, которую вы можете использовать.
Для начала установите и активируйте бесплатный плагин с WordPress.org. Вам также потребуется установить бесплатную версию Elementor, если вы еще этого не сделали.
Как только вы это сделаете, перейдите в Внешний вид → Верхний колонтитул и блоки и нажмите Добавить новый :
Дайте вашему шаблону имя и выберите Заголовок под Тип шаблона. Вы также можете использовать опцию Display On или User Roles , чтобы настроить таргетинг вашего заголовка на определенный контент / пользователей.
Затем, Опубликуйте свой заголовок и нажмите Редактировать с помощью Elementor , чтобы открыть визуальный конструктор:
Теперь вы можете полностью настроить свой заголовок, используя визуальный интерфейс перетаскивания Elementor. Плагин также предоставляет вам новые виджеты Header, Footer и Blocks , которые вы можете использовать для добавления важных элементов сайта, таких как логотип вашего сайта или меню навигации:
Чтобы узнать больше об использовании Elementor, ознакомьтесь с полным руководством по Elementor или обзором Elementor.
3. Использовать собственный код (расширенный)
Наконец, если вы опытный пользователь, вы также можете настроить заголовок WordPress, используя свой собственный код. Для этого вам потребуются хотя бы практические знания HTML, PHP и CSS, поэтому этот вариант не подходит для нетехнических пользователей.
Если вы не знаете этих языков кодирования, вам следует придерживаться одного из предыдущих методов в этом списке.
Использование кода для настройки заголовка состоит из двух частей:
- HTML / PHP — контролирует фактическое содержимое вашего заголовка.
- CSS — это контролирует стиль вашего заголовка.
Как мы упоминали ранее, содержимое заголовка вашего сайта находится в файле header.php . Таким образом, чтобы настроить содержание заголовка, вам нужно будет работать непосредственно с этим файлом. Или некоторые темы, такие как Astra, также предлагают хуки, которые можно использовать для добавления контента в заголовок.
В руководстве по визуальным крючкам Astra вы можете увидеть, что у вас есть несколько параметров для настройки заголовка:
Если вы хотите отредактировать заголовок вашей темы.php напрямую, вам следует использовать дочернюю тему, чтобы убедиться, что вы не перезаписываете свои изменения при обновлении темы.
С другой стороны, если вы используете хуки, вам не нужно использовать дочернюю тему, если вы используете такой плагин, как Astra Hooks или Code Snippets. Если вы добавляете хуки непосредственно в файл вашей темы functions.php , вы все равно должны использовать дочернюю тему.
В Astra Pro у вас также есть возможность добавлять крючки с помощью функции пользовательского макета Astra Pro.
Особенность пользовательских макетов Astra Pro заключается в том, что вы можете использовать правила отображения для точного управления отображением изменений. Например, вы можете добавить в свой заголовок настраиваемый контент, который будет отображаться только для авторизованных пользователей.
Вот как настроить содержание вашего заголовка — но как насчет стиля?
Чтобы настроить стиль заголовка, вы можете напрямую отредактировать файл style.css , если вы используете дочернюю тему. Или вы можете использовать область Additional CSS в настройщике WordPress, чтобы добавить свои собственные стили в заголовок.
Настройте заголовок WordPress сегодня
Заголовок WordPress играет важную роль в успехе вашего сайта. Это помогает продвигать ваш сайт, направлять посетителей к ключевому контенту, продвигать важную информацию или профили в социальных сетях и многое другое.
Самый простой способ получить полный контроль над заголовком вашего сайта — использовать бесплатную тему Astra. С Astra вы получаете доступ к визуальному конструктору заголовков с возможностью перетаскивания. Вам не нужен код или внешние плагины — вы получите 100% контроль над своим заголовком прямо из настройщика WordPress.
В других ситуациях вы также можете использовать настройки настройщика другой темы, плагин Elementor — Header, Footer & Blocks Template или свой собственный код, если у вас есть технические знания.
У вас все еще есть вопросы о том, как настроить заголовок WordPress? Оставить комментарий!
тегов заголовков WordPress: h2, h3
Заголовки на любой странице, будь то печать или экран, мгновенно делают ее более читаемой. Они служат визуальными подсказками, и суть статьи очевидна.Многие читатели просто просматривают контент и обращают больше внимания только на ту часть текста, которая охвачена интересующим их заголовком. Но не только читатели любят заголовки, их ищут и поисковые системы. И в сегодняшнем посте, мы увидим, как теги заголовков WordPress могут быть использованы для улучшения как читаемости, так и SEO.
(Мы продолжим обсуждение здесь тегов HTML4, не углубляясь в пространство HTML5, потому что там все немного сложнее. Кроме того, этот пост больше о тегах заголовков WordPress в редакторе WordPress, а не о теге заголовка или странице Заголовок.)
Так в чем разница? Тег заголовка выражается в HTML как < title >, и это то, что отображается в адресной строке в веб-браузере. Вы не видите его на веб-странице. Текст, содержащийся в теге
, — это то, что пользователи видят как заголовок на веб-странице. Заголовок этого сообщения заключен в тег
. Хотите проверить? Нажмите клавиши CTRL + U на клавиатуре. На открывшейся странице (заполненной кодом) нажмите клавиши CTRL + F и введите
, и вы увидите теги h2 в заголовке этого сообщения.Обычно заголовки и заголовки h2 похожи, но не обязательно должны быть идентичными.
Что такое заголовочные теги?
Обычно мы думаем о заголовках как о методе стилизации шрифтов — шрифт большего размера, жирный шрифт или курсив. Но при использовании заголовков в HTML мы структурируем его с помощью тегов заголовков. Теги заголовков — это разметка HTML, используемая для различения заголовков и подзаголовков от остального текста в вашем контенте. Как Google описывает это в своем Руководстве для начинающих,
Теги заголовков (не путать с тегами HTML или заголовками HTTP) используются для представления пользователям структуры страницы.Существует шесть размеров тегов заголовков, начиная с
, самого важного, и заканчивая
, наименее важным.
Итак, у вас есть заголовок максимального размера в h2, и он обычно зарезервирован для заголовка первого уровня сообщения или страницы или для важного содержимого на главной странице. Большинство CMS, включая WordPress, автоматически добавляют тег h2 к заголовку сообщения в блоге. Но иногда тема может изменить эту настройку. В этом случае вы можете изменить его в файлах шаблона темы.
h3 используется для разделения содержимого h2 на легко усваиваемые части. Вот как это отображается в текстовом редакторе:
Используйте h4 для разделения каждого содержимого h3. Заголовки редко достигают уровня h5 и выше.
Почему следует использовать теги заголовков?
Заголовки на веб-страницах выполняют почти те же функции, что и в печатном формате. Однако, когда дело доходит до веб-страниц, заголовки важны не только для внешнего вида. Они также помогают поисковым системам найти страницу.Google сканирует ваше сообщение на предмет содержания, соответствующего искомым словам, и просматривает теги заголовков, чтобы понять, о чем идет речь. Мы должны упростить поиск этих слов для Google.
Тег заголовка информирует как пользователей, так и поисковые системы о теме конкретной страницы. . В идеале вы должны создать уникальный заголовок для каждой страницы вашего сайта. Теги заголовка сообщают поисковой системе, как связаны различные текстовые блоки и их взаимосвязь. . Как только вы это узнаете, легко понять, почему ваше ключевое слово должно найти место в тегах.Google считает этот контент наиболее релевантным для поиска, и это, вероятно, улучшит ваш рейтинг в поисковых системах.
Сказать, что теги заголовков имеют решающее значение для рейтинга SEO, было бы преувеличением. Более уместно сказать, что теги заголовков повышают ценность SEO. В последние несколько лет авторитетному контенту в качестве фактора ранжирования придается большее значение. Однако Google легче находит ключевые слова, если они заключены в теги заголовков. И, следовательно, теги заголовков являются важным фактором SEO на странице, который вы не хотите упускать из виду при оптимизации своих веб-страниц.
Если вы ищете способы улучшить SEO на своем веб-сайте, посмотрите нашу предыдущую публикацию «Начало работы с WordPress SEO».
Теги заголовков WordPress — Рекомендации
- Обычно мы используем только один тег h2 для страницы, и вы, скорее всего, найдете его для заголовка.
- тегов h2 to h4 должно хватить на большинстве страниц. h5 — теги H6 могут немного растягивать его, если на странице нет большого объема текста.
- Сохраняйте иерархию при использовании тегов заголовков, то есть используйте теги в числовом порядке h3, за которым следуют h4, h5… Не пропускайте уровень.
- Убедитесь, что ваше ключевое слово включено в h3. Это связано с тем, что Google ищет наличие ключевых слов в заголовке и плотность ключевых слов в контенте при поиске и ранжировании контента. Нет необходимости в точном соответствии ключевых слов.
- Сохраняйте ограничение на количество слов, которые вы впихиваете между тегами заголовков. Не создавайте целые предложения или абзацы.
- Не рекомендуется использовать одни и те же ключевые слова в тегах заголовков на разных веб-страницах вашего сайта.
- Не используйте теги заголовков просто для того, чтобы выделить некоторые элементы.Чтобы стилизовать любой конкретный элемент на вашем веб-сайте, используйте CSS.
Добавление тегов заголовков в WordPress
Вы можете добавить теги заголовков в WordPress 4 способами,
1. Вы можете вручную вводить теги заголовков в текстовом редакторе WordPress.
2. Вы можете легко сделать это с помощью визуального редактора.
Панель инструментов в визуальном редакторе имеет множество параметров форматирования. Вы увидите одну строку параметров с переключателем панели инструментов в крайнем правом углу.
Но есть второй ряд (называемый «Кухонная мойка!»), Который остается скрытым. Он появляется только тогда, когда вы нажимаете Переключатель панели инструментов. В этой строке вы найдете вариант форматирования текста в виде заголовков.
Чтобы добавить заголовок, выделите текст и перейдите к опции «Абзац» на панели инструментов. При нажатии на нее откроется меню из 6 тегов заголовков, и вы можете выбрать любой из них.
Теперь текст отображается как заголовок.
3.Если вам удобнее работать с клавиатурой, используйте Alt + Shift + цифры 1-6 .
Чтобы удалить тег заголовка, введите ту же команду еще раз или используйте Alt + Shift + 7 .
4. Оставаясь с клавиатурой, вы также можете использовать восьмигранные или решетки:
- ## с текстом — для тегов h3.
- ### с текстом — для тегов h4.
- ###### с текстом — для тегов H6.
Заключительные слова
Теги заголовков важны для веб-страниц и могут иметь большое значение для читаемости и видимости в поисковых системах.Они должны быть контекстными, чтобы подчеркивать важность содержания. Используйте их экономно на веб-странице, чтобы выразить суть содержания в одной фразе. Прежде всего, тренировать заголовки так легко, так что давайте сделаем себе одолжение, используя их.
Если у вас есть какие-либо вопросы относительно тегов заголовков WordPress и их использования, не стесняйтесь отправлять их в комментариях ниже.
Бесплатный гид
5 основных советов по ускорению работы вашего сайта на WordPress
Сократите время загрузки даже на 50-80%
, просто следуя простым советам.
10 лучших плагинов заголовков WordPress для пользовательских заголовков 2021
Вы ищете один из лучших плагинов заголовков WordPress для добавления заголовков на свой сайт? Если да, то вы попали в нужное место.
Пользователи часто получают первое впечатление от заголовка вашего сайта, и очень важно, чтобы он выглядел идеально. Итак, чтобы помочь вам создать идеальный креативный заголовок для вашего веб-сайта, мы перечислили некоторые из лучших бесплатных и платных плагинов заголовков WordPress.
Но перед этим давайте посмотрим, зачем использовать плагин заголовков WordPress.
Заголовки — это, по сути, верхняя часть любого сайта до начала фактического содержания. Обычно он состоит из заголовка сайта, логотипа, навигации, значков социальных сетей, изображений героев, а иногда и многого другого. Другие важные элементы, такие как ссылка на сайт, информация об авторских правах, электронная почта / информационные бюллетени и т. Д., Обычно находятся в разделе нижнего колонтитула.
Если вы профессионал и обладаете знаниями в области программирования, то простой выход для внесения любых небольших изменений — использовать собственные коды.Однако, поскольку мы стремимся упростить жизнь новичкам, эти плагины, которые мы составили, будут очень кстати.
Итак, с помощью этих плагинов WordPress это намного быстрее и эффективнее, что вы можете делать практически все, что захотите:
- Добавить пользовательские изображения заголовков, включать различные сообщения.
- Настройте баннеры, панели уведомлений и многое другое.
- Исправьте элементы заголовка в верхней части экрана.
- Добавьте виджеты в удобную для виджетов область.
- Рекламные объявления со скидками, акциями и предложениями.
По сути, с привлекательным заголовком вы можете легко увеличить посещаемость своего сайта, привлечь больше клиентов, привлечь внимание посетителей, направляя их на желаемую страницу, и управлять своим сайтом, оставляя неизгладимое впечатление! Помня обо всем этом, давайте эффективно войдем в наш список лучших плагинов для WordPress с настраиваемыми заголовками!
1. Инъекции в заголовок, нижний и нижний колонтитулы
Простой в понимании и использовании бесплатный плагин для заголовков WordPress, Head, Footer & Post Injection. делает именно то, что подразумевает.Он предоставляет пользователю простой в использовании интерфейс, позволяющий придумывать коды для Google Analytics, Facebook Pixel, Google DFP и т. Д., Чтобы добавлять их в любые заголовки, нижние колонтитулы и сообщения.
Просто скопируйте сгенерированный код и вставьте его в нужное поле, чтобы получить мгновенный результат. Он даже включает специальный раздел AMP, который позволяет пользователям легко вводить определенные коды на страницы AMP.
Основные характеристики:
- Возможность простого централизованного управления.
- Отличные настольные и мобильные инъекции.
- Удобный процесс добавления кодов.
- Независимо от используемой темы.
- Поддерживает заполнители для размещения специального кода.
Еще один похожий плагин, который позволяет пользователям добавлять полезные коды заголовков на любые свои сообщения и страницы, — это Insert Headers & Footers. Однако, в отличие от других плагинов, пользователи могут легко настраивать и размещать скрипты из одного места.
Простота установки и настройки, вы можете добавить Google Analytics, собственный CSS, пиксельный код Facebook и многое другое.Добавьте коды на страницу настроек для верхнего и нижнего колонтитула, чтобы начать работу. Он обеспечивает простой выход из сложного процесса, включающего десятки различных плагинов, и выполняет все за один раз с помощью этого бесплатного плагина настраиваемого заголовка WordPress.
Основные характеристики:
- Быстрый и простой процесс установки и настройки.
- Пользовательский параметр CSS по всей теме.
- Поддерживает Google Analytics, код Facebook Pixel и многое другое.
- Возможность добавления любых кодов или скриптов, включая HTML и Javascript.
- Удобный интерфейс.
В то время как другие упомянутые нами плагины предназначены только для работы с заголовком, этот полезный плагин WordPress позволяет этой функции поддерживать каждый элемент. Верно! С помощью Sticky Menu, Sticky Header (или чего угодно) на Scroll, вы можете сделать любые элементы с классом или идентификатором липкими.
Вы можете расположить их, настроить интервал и даже включить отображение липкости на экранах определенных размеров.Он даже включает режим отладки, чтобы выяснить причину любых возникающих проблем. Еще одна расширенная функция, которую он включает, — это режим осведомленности панели администратора.
Основные характеристики:
- Поддерживает закрепление почти каждого элемента с идентификатором или классом.
- Включает различные режимы, такие как динамический, устаревший и отладочный.
- Пользовательский интервал включен.
- Включает опцию для элементов Push-up.
- Режим осведомленности панели администратора.
4.Рекламный модуль
Теперь, когда мы поговорили о закреплении меню, добавлении изображений заголовков, давайте поговорим о деле . Рекламный модуль — это бесплатный плагин для заголовков WordPress, который позволяет пользователям получить доступ к расширенным функциям рекламы. И это также включает добавление его в заголовки.
Он поддерживает рекламу любого типа, включая Google AdSense, Amazing Native Shopping Ad, рекламу Media.net и многое другое. Благодаря точному размещению, взлетайте до небес с помощью Ad-Inserter.Вы можете легко вставить рекламу до или после тега заголовка или нижнего колонтитула.
Основные характеристики:
- Простая функция копирования и вставки.
- Поддерживает практически любую рекламную нишу.
- Гибкость и универсальность.
- Возможность автоматической вставки рекламы.
- Пользовательские выравнивания и стили для объявлений.
5. Рекламные фрагменты Woody
Woody ad snippets — один из других бесплатных плагинов заголовков WordPress, которые позволяют добавлять заголовки на ваш сайт.Кроме того, он также позволяет добавлять коды нижнего колонтитула и AdSense.
Точно так же этот плагин также позволяет вставлять пиксели Facebook, скрипты, теги изображений и так далее, как и большинство плагинов заголовков в этом списке. Но что лучше в этом плагине, так это то, что вы также можете показывать или скрывать фрагменты кода на основе условной логики.
Основные характеристики:
- Удобный редактор кода с подсветкой синтаксиса
- Специальное устройство для добавления фрагмента в редактор Гутенберга
- Доступно неограниченное количество фрагментов кода
- Отображение или скрытие фрагментов кода на основе условной логики
- Экспорт / импорт фрагментов кода
Как упоминается в самом названии, это бесплатный плагин для заголовков WordPress, разработанный, чтобы помочь вам разрабатывать и создавать заголовки для вашего веб-сайта.Следовательно, WordPress Header Builder Plugin может быть большим подспорьем для вас при создании ваших заголовков.
Он имеет интуитивно понятный конструктор перетаскивания, который упрощает настройку заголовка. Точно так же вы также можете добавить изображения заголовков, тексты и логотипы, которые могут еще больше помочь вам с настройками.
Основные характеристики:
- Полностью настраиваемые цвета и размеры заголовков
- Несколько вариантов расположения заголовков
- Наличие липких заголовков
- Удобство и простота использования.
- Отличные возможности навигации.
7. Элемент — шаблон заголовка, нижнего колонтитула и блоков
Если вы уже установили Elementor, плагин для построения страниц и хотите, чтобы с ним можно было использовать плагин заголовков WordPress, этот плагин может быть идеальным для вас. Однако вам нужно убедиться, что вы уже установили плагин Elementor.
Затем с помощью этого плагина вы можете создать макет с помощью Elementor и установить его как верхний или даже нижний колонтитул.Вы также можете использовать редактор Elementor для создания дизайна верхнего или нижнего колонтитула блока.
Основные характеристики:
- Выберите определенные места отображения для вашего заголовка.
- Автоматически наследует логотип и заголовок сайта.
- Несколько макетов меню навигации
- Совместимость с основными плагинами
- Отличная поддержка
Попадая в премиум-раздел, первый пользовательский плагин WordPress для заголовков, который у нас есть, — это Sticky Header on Scroll. Он разработан, чтобы помочь пользователям включить настраиваемое закрепление заголовков, которые вы создаете с легкостью. Независимо от того, какую тему WordPress вы используете, этот плагин подстраивается под их все.
Плагин полностью адаптивен и использует чистое и отмеченное кодирование. Получите расширенные и анимированные параметры, чтобы добавить этот дополнительный творческий штрих. Более того, вы получаете привлекательные значки, кнопки и многое другое в социальных сетях.
Основные характеристики:
- Анимированные кнопки меню.
- Настраиваемый логотип и заголовок раздела.
- Креативные призывы к действию и значки социальных сетей.
- Кнопка «Следующая запись» включена.
- Live Customizer с предварительным просмотром в реальном времени.
Цена: $ 22
WP Header Bar — простой, но привлекательный плагин, помогающий пользователям создавать привлекающие внимание заголовки и размещать их поверх своего сайта. Это эффективный плагин для заголовков WordPress. 100% отзывчивый, вы можете создавать неограниченное количество панелей уведомлений для своего сайта с помощью этого плагина.
Более того, вы также можете добавить слайд-шоу, посвященное вашим продуктам или услугам. Не только это, но и таргетинг на уровне страницы, позволяющий пользователям настраивать таргетинг на определенные сообщения, страницы, теги или категории для отображения панели.
Основные характеристики:
- Live Customizer с предварительным просмотром в реальном времени.
- Таргетинг на определенный уровень страницы.
- Возможность запланировать отображение заголовков.
- Добавьте настраиваемые ссылки, значки социальных сетей и многое другое.
- Настройте высоту, ширину и даже цветовую схему.
Стоимость: 39 долларов
3. Главное меню Mega
Mega Main Menu — это плагин премиум-класса для заголовков. Содержит все, что вам нужно для создания эффективного, креативного и привлекающего внимание заголовка для вашего веб-сайта.
Получите неограниченные цветовые схемы, значки, шрифты и многое другое на выбор. И в отличие от других плагинов, он не ограничивается только закреплением меню.Он также предлагает более 10 различных стилей меню на выбор. Кроме того, плагин поддерживает WPML и полностью готов к переводу.
Основные характеристики:
- Неограниченное количество стилей и вариаций на выбор.
- Поддерживает более 10 эффективных функций раскрывающегося списка.
- Включение или отключение закрепления.
- Получите потрясающие значки и шрифты на выбор.
- Кроссбраузерность и адаптивный дизайн.
Стоимость: 16 долларов
Groovy Mega Menu — один из самых настраиваемых плагинов заголовков премиум-класса для WordPress. Он разработан как плагин мегаменю, но также может быть весьма полезен для добавления заголовков.
Кроме того, наиболее полезной особенностью этого плагина является наличие предустановок для заголовков. Следовательно, вы можете использовать его разными способами и с несколькими макетами с помощью этого плагина.
Основные характеристики:
- Множественные макеты заголовков и меню
- Поддержка компоновщика страниц
- Онлайн-библиотека с предустановками
- Значки настраиваемого меню
- Готовность к RTL и WPML.
Стоимость: 39 долларов
5. Расширенное плавающее содержимое
Вы также можете отображать заголовок в виде плавающего содержимого на своем веб-сайте. Итак, чтобы помочь вам с этим, Advanced Floating Content может быть одним из идеальных плагинов заголовков WordPress премиум-класса для вас.
Этот плагин можно использовать в качестве заголовка для предупреждений, а также для отображения любых типов уведомлений. При необходимости вы даже можете отобразить их в виде липкого заголовка в верхней части страницы.
Основные характеристики:
- Различные эффекты анимации.
- Автоматическое планирование вашего контента.
- Скрыть плавающее содержимое на определенной ширине.
- Отобразите плавающее содержимое на определенной высоте с помощью прокрутки страницы.
- Возможность включения плавающего содержимого только для вошедших в систему пользователей.
Цена: $ 22
Подведение итогов!
И на этом мы заканчиваем наш список лучших плагинов для заголовков WordPress.Пользователи часто получают первое впечатление о конкретном сайте по тому, как выглядит его заголовок. Таким образом, мы включили почти все варианты плагинов заголовков WordPress, независимо от того, хотите ли вы добавить слайдеры, изображения, рекламу или создать липкое меню или плавающие меню.
Все плагины позволяют пользователям легко создавать заголовки, соответствующие их требованиям. Хотя мы упомянули как бесплатные, так и премиальные варианты, вы можете выбрать то, что соответствует вашим потребностям.
Мы надеемся, что эта статья была для вас полезной и к настоящему времени мы нашли идеальный плагин.Оставьте нам комментарий ниже, чтобы сообщить нам, что вы думаете об этом посте! И если это было полезно, почему бы не проверить больше наших списков плагинов.
Отказ от ответственности: Некоторые ссылки в сообщении могут быть партнерскими. Так что если вы купите что-нибудь по ссылке, мы будем получать партнерскую комиссию.
Поделиться сейчас
Как добавить код верхнего и нижнего колонтитула в WordPress (простой способ)
Вас когда-нибудь просили добавить несколько фрагментов кода в раздел