Вы ищете шпаргалку по темам WordPress для быстрого изменения вашей темы или создания новой пользовательской темы?? WordPress поставляется со многими встроенными тегами шаблонов, которые вы можете использовать для начала работы. В этой статье мы поделимся шпаргалкой по темам WordPress для начинающих.
Прежде чем приступить к работе
WordPress поставляется с мощным шаблонизатором, который позволяет разработчикам тем создавать красивые дизайны для сайтов на WordPress. Существуют как премиум, так и бесплатные темы WordPress, которые вы можете установить на свой сайт.
Каждая тема WordPress поставляется с рядом опций настройки. Эти опции позволяют изменять цвета, добавлять изображения заголовков, настраивать навигационные меню и многое другое.
Однако, вы все еще ограничены тем, какие функции поддерживает ваша тема. Иногда вы можете захотеть внести небольшие изменения в вашу тему WordPress, которые требуют некоторого кодирования. Для этого вам потребуется знание основ PHP, HTML и CSS.
Первое, что вам нужно сделать, это ознакомиться с тем, как WordPress работает за кулисами и шаблонами тем WordPress.
После этого есть несколько лучших практик, которым вы, возможно, захотите следовать. Например, создание дочерней темы вместо внесения изменений непосредственно в файлы темы.
Вы также можете потренироваться на своей теме, установив WordPress на свой компьютер.
Учитывая это, давайте погрузимся в нашу шпаргалку по темам WordPress для начинающих.
Основные шаблоны тем WordPress
Каждая тема WordPress состоит из различных файлов, называемых шаблонами. Все темы WordPress должны иметь таблицу стилей и индексный файл, но обычно они имеют множество других файлов.
Ниже приведен список основных файлов, которые есть в каждой теме:
- стиль.css
- header.php
- индекс.php
- боковая панель.php
- нижний колонтитул.php
- одиночный.php
- страница.php
- комментарии.php
- 404.php
- функции.php
- архив.php
- searchform.php
- поиск.php
Если вы создаете свою собственную тему, то вы можете начать с одной из стартовых тем WordPress. Эти темы поставляются с готовыми к использованию файлами шаблонов WordPress и CSS, что дает вам основу для построения.
Теги шаблона в заголовке
WordPress поставляется с множеством удобных функций, которые можно использовать для вывода различных элементов в вашей теме. Эти функции называются тегами шаблона.
Первая и, вероятно, самая важная функция, которая требуется во всех стандартно совместимых темах WordPress, называется wp_head, и выглядит она следующим образом:
Этот код собирает весь важный HTML, который WordPress должен добавить в раздел каждой страницы вашего сайта. Он также необходим для правильной работы многих плагинов WordPress на вашем сайте.
Ниже приведен список тегов шаблонов, которые часто встречаются и используются в заголовке вашей темы.php файл. Однако их можно использовать и в других местах вашей темы, когда они вам понадобятся.
// Название блога, или имя блога // Название конкретной страницы // Точный URL сайта // Описание сайта // Расположение файла темы сайта // Ссылка на стиль.css // URL RSS-ленты сайта // URL Pingback сайта // URL сайта // Номер версии WordPress
Теги шаблона, используемые в других файлах темы
Теперь давайте рассмотрим некоторые другие часто используемые теги шаблонов и то, что они делают.
Следующие теги шаблонов используются для вызова и включения других шаблонов. Например, индекс вашей темы.php файл будет использовать их для включения шаблонов заголовка, нижнего колонтитула, содержания, комментариев и боковой панели.
//Отображение заголовка.php файл content // Отображает нижний колонтитул.php file content // Отображает сайдбар.php файл content // Отображает комментарий.php файл content
Следующие теги шаблона используются внутри цикла WordPress для отображения содержимого, выдержек и мета-данных из ваших постов.
// Отображает содержание поста // Отображает выдержку, которая используется в постах // Название конкретного поста // Ссылка конкретного поста // Категория конкретного поста // Автор конкретного поста // ID конкретного поста // Ссылка на редактирование поста // Видима только для зарегистрированных пользователей с правами редактирования // URL следующей страницы // URL предыдущей страницы
Темы WordPress поставляются с областями с виджетами, называемыми сайдбарами. Это места в файлах вашей темы, куда пользователи могут перетаскивать виджеты WordPress. Часто тема имеет несколько мест, где пользователи могут добавлять виджеты.
Однако чаще всего эти области виджетов располагаются в правой или левой боковой панели макета темы. Чтобы узнать больше, смотрите наше руководство о том, как добавить динамические боковые панели с виджетами в вашу тему WordPress.
Вот код, используемый для отображения боковой панели в вашей теме.
Вам нужно заменить sidebar-1 на название, определенное вашей темой для этой конкретной области с виджетами или боковой панели.
Теги шаблона для отображения меню навигации
WordPress поставляется с мощной системой управления меню, которая позволяет пользователям создавать навигационные меню для своего сайта. Тема WordPress может иметь более одного места расположения навигационного меню.
Смотрите наше руководство о том, как создавать собственные пользовательские навигационные меню в теме WordPress.
Ниже приведен код, который будет использоваться в вашей теме для отображения навигационного меню.
'my-custom-menu', 'container_class' => 'custom-menu-class' ) ); ?>
Расположение темы зависит от имени, которое ваша тема использовала для регистрации навигационного меню. Класс контейнера CSS может называться как угодно. Он будет окружать ваше навигационное меню, чтобы вы могли стилизовать его соответствующим образом.
Различные теги шаблона
Ниже перечислены некоторые теги, которые вы обычно используете в своей теме WordPress.
// Отображает дату написания текущего поста // Отображает время последнего изменения поста get_the_modified_time // Отображает время последнего изменения поста // Отображает миниатюру поста или главное изображение // Отображает архивы за месяц // Отображает список категорий // Отображает граватар пользователя по адресу электронной почты // 32 пикселя — это размер, вы можете изменить его, если нужно // Отображает граватар автора текущего поста
Условные теги в темах WordPress
Условные теги — это функции, которые возвращают результаты в виде True или False. Эти условные теги могут быть использованы в вашей теме или плагине, чтобы проверить, выполняются ли определенные условия, и затем сделать что-то соответствующее.
Например, если текущий пост имеет выделенное изображение или нет. Если у страницы нет главного изображения, то вместо него можно показать главное изображение по умолчанию.
еще < echo ''; > ?>
Ниже приведены еще несколько условных тегов, которые вы можете использовать.
// Проверяет, отображается ли один пост is_single() // Проверяет, отображается ли страница is_page() // Проверяет, отображается ли главная страница блога is_home() // Проверяет, отображается ли статическая главная страница is_front_page() // Проверяет, вошел ли текущий зритель в систему is_user_logged_in()
Существует множество других условных тегов, которые вы можете использовать. Полный список условных тегов можно найти в кодексе WordPress на странице об условных тегах.
Петля WordPress
Цикл или цикл WordPress — это код, используемый для получения и отображения постов в WordPress. Многие теги шаблонов WordPress могут работать только внутри цикла, поскольку они связаны с объектами post или post_type.
Ниже приведен пример простого цикла WordPress.
«>» rel=»bookmark» title=»Постоянная ссылка на «>
по
Комментарии
К сожалению, ни один пост не соответствует вашим критериям.
Чтобы узнать больше о петле, посмотрите статью Что такое петля в WordPress (инфографика).
Надеемся, что эта статья поможет вам в качестве основной шпаргалки по темам WordPress для начинающих. Вы также можете посмотреть наш список самых полезных трюков для файла функций WordPress.
Источник: www.wpbeginner.com