Шаблон WordPress своими руками. Урок 2. Теги

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

Полезно: шаблон WordPress своими руками. Урок 1. Основы

Общие сведения

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

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

Обычно такие функции располагаются внутри папки с темой в wp-includes, так как представляют собой отдельные файлы PHP. Они могут быть взаимосвязаны тем или иным образом с авторами, закладками, публикациями, комментариями и другими элементами.

Тег шаблона WordPress

Фрагмент кода, позволяющий выполнять определенные действия внутри системы WordPress, носит название тег шаблона. Обычно среди них встречаются такие команды, как:

  • отфильтровать информацию;
  • выполнить какое-нибудь действие;
  • вывести данные на экран в определенном виде и другое.

Давайте в качестве примера разберем наиболее частое использование тега шаблона:

<h1><?php bloginfo(‘name’); ?></h1>

Этот фрагмент кода представляет собой вывод названия сайта, которое прописано в настройках административной панели системы. Тег bloginfo () находится внутри заголовка первого уровня h1. Найти данные, используемые для вывода, можно в админке, перейдя в пункт меню «Настройки» -> «Общее». В итоге, один небольшой фрагмент кода позволил нам получить нужную информацию и использовать для отображения на страничке. Это было возможно за счет применения зарезервированного тега шаблона.

Параметры тега

Разбирая подробнее теги шаблонов, можно понять, что каждый из них имеет набор собственных характеристик. Задавая те или иные параметры, мы можем получать самые разнообразные результаты. Например, уже рассмотренный нами bloginfo () обладает более чем 20 параметрами. С их помощью мы можем получить практически любую информацию из базы данных сайта на WordPress.

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

Полезно: как удалить базу категорий и тегов из URL-адреса

Использование

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

Упомянутый нами выше тег bloginfo () принимает всего лишь один параметр. Он его значения зависит, какая именно информация будет выведена на экран. Это наиболее простой случай. В системе существуют и иные теги, принимающие сразу несколько параметров, а не только один. Это позволяет значительно расширить их сферу применения.

Наиболее популярным и понятным примером послужит тег the_title (). Он отображает заголовки постов и используется практически везде. Вам определенно будет полезно узнать его в действие, так как обойтись без него вам вряд ли удастся.

По умолчанию тег имеет следующее написание: <?php the_title(); ?>. В результате его работы на экране будет отображен заголовок только что сгенерированной записи.

Просто вывести на экран заголовок хорошо, но недостаточно для привлекательного внешнего вида странички. Поэтому нужно выделить его каким-либо образом. Именно для этого тег обладает несколькими дополнительными параметрами. Для примера пропишем в скобках следующие характеристики: «before», «after» и display. Таким образом, первая характеристика будет указывать на то, что будет отображаться перед заголовком (это может быть тег H1, какой-либо символ или любая другая строка). Значение «After» обозначает то, что будет выведено после заголовка. А параметр «display» представляет собой сам заголовок. Его можно не прописывать, так как он задается системой автоматически.

Выглядеть данная конструкция будет так: <?php the_title(‘<h1>; ‘, ‘</h1>;’); ?>. Таким образом, заголовок окажется заключенным в теги заголовка первого уровня. Для примера, этот же вариант вывода можно было оформить иначе: <h1><?php the_title(); ?></h1>. Разницы в отображение файла не будет никакой. Давайте разберем этот пример дальше, вставив какой-либо код после заголовка.

Нужно помнить лишь о том, что не все теги обладают параметрами типа «before» и «after». Прежде чем использовать их, нужно проверить доступность этих характеристик в официальном Кодексе WordPress.

Полезно: как можно удалить определенные теги из записи на сайте WordPress

Логические теги

Выше мы рассмотрели теги шаблонов bloginfo () и the_title (), которые позволяют выводить отдельные данные с добавлением некоторых стандартных параметров. Но что если вам нужно вывести более одной характеристики в одном месте? Для этих задач подойдут логические теги.

Одним из логических соединителей для параметров будет служить функция & («И»). Помимо нее имеется «ИЛИ», о которой мы поговорим позднее.

В качестве примера возьмем тег wp_list_cats (). Обычно его задают во всех барах сайтов. Он позволяет отобразить рубрики, которые были сформированы на нашем сайте или появятся в будущем.

Синтаксис кода будет выглядеть следующим образом: <?php wp_list_cats(); ?>. Теперь давайте поговорим о параметрах, которые может использовать эта конструкция:

  • отображение всех рубрик – all;
  • сортировка по ID-номеру – sort_column
  • сортировка по возрастанию или убыванию – sort_order;
  • запрет на отображение количества записей в отдельной рубрике – optioncount;
  • представление рубрик в маркированный список – list;
  • использование описание в качестве заголовка – use_desc_for_title;
  • скрывает рубрики без записей, основываясь на значение первого параметра – hide_empty;
  • отображение дочерние рубрики – children.

Примером для тега будет достаточно сложная конструкция кода, но пугаться ее не стоит. Чтобы легко понимать применение и вносить изменения в нее, достаточно знать все названия и свойства характеристик. Тогда вы сможете легко и удобно модернизировать тег шаблона под свои нужды. Используя подобный код, вы сможете вывести на экран список названий рубрик, отсортировав их в алфавитном порядке, и отобразить количество записей в каждой из них, а также развернуть дочерние рубрики, например, только для рубрики с ID равным 3.

Полезно: работа с мета-тегами WordPress: title, description, keywords

Циклы

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

Чтобы начать подобную конструкцию, можно использовать функции «if» и «while». Главным условием использования такого фрагмента кода будет размещение тега внутри цикла, то есть до его окончания. Подобным образом можно использовать следующие теги шаблона:

  • the_content(), который выводит контент текущей записи;
  • previous_post() получает предыдущий пост;
  • next_post(), который отображает ссылку на следующую запись.

Если цикл не является неотъемлемой частью тега, то размещать его можно абсолютно в любой части кода. Главное, чтобы он был внутри вашего шаблона. Это только на первый взгляд кажется сложным, на практике все будет получаться легко уже после нескольких удачных попыток.

Полезно: рубрики WordPress: создание, редактирование, удаление

Заключение

В ходе нашего урока мы изучили такой основной шаг в создание шаблона для WordPress своими руками, как теги. Они используются для вывода информации или определения каких-либо настроек страницы. С их помощью можно получить данные, а также отобразить их в уникальном и более привлекательном формате. Мы не разбирали все доступные в WordPress теги, найти их можно в официальном кодексе. Нашей задачей было рассказать подробнее о их параметрах, возможностях использования, а также логических функциях и циклах. Таким образом, изучив теги мы можем продолжить создание новой темы для нашего сайта.