Шаблоны WordPress

Структура темы WordPress

Шаблон или тема WordPress, задает внешний вид сайта, блога или магазина созданного с помощью CMS WordPress. Шаблон задает внешний вид сайта по задумкам автора шаблона. Автор определяет цвета шаблона, расположение виджетов и сайдбара, наполненность нижней и верхней части сайта. Большинство шаблонов WordPress открыты для редактирования, и вы можете менять и расположение виджетов, и цвета шаблона и фоновые изображения, а также делать другие изменения. Чтобы заниматься редактированием шаблона своего сайта, нужно не только знать основы HTML, PHP и CSS, но и как минимум, понимать, как построена структура темы WordPress. Этим и займемся в этой статье.

Вступление

В этой статье мы не будем глобально редактировать или верстать заново шаблон WordPress. Для начала достаточно будет разобраться с общим устройством темы (шаблона).

Структура темы WordPress  или как строится шаблон WordPress

Если вы посмотрите на любой сайт WordPress, то даже визуально увидите, разделение его на своеобразные зоны. Легко можно выделить верхнюю часть (шапку или header) шаблона, боковую (боковые) части, так называемые виджеты, нижнюю часть сайта, так называемый футер (footer, подвал) шаблона. Структурная схема самого простого шаблона выглядит так.

Если вы устанавливали шаблон по FTP или хотя бы смотрели корневой каталог сайта, то знаете, что все темы, установленные на сайт «лежат» в каталоге wp-content/templates/название_шаблона.

Посмотрим, какие файлы образуют шаблон WordPress.

Основные файлы шаблона WordPress

Современные темы WordPress объемные и файлов в теме много. Однако есть основные файлы, без которых невозможно создать не одну тему.

Перед тем, как их перечислить, давайте посмотрим на структуру шаблона (фото выше).

Чтобы создать такую структуру, нужны файлы:

  1. header.php;
  2. footer.php;
  3. sidebar.php

Это файлы создающие блоки окружающие основное (меняющееся) содержание сайта. То есть, окружающий статьи (посты) и страницы.

Но кроме шапки, подвала и сайдбаров, на сайте должны быть:

  • Главная страница;
  • Страницы;
  • Посты;
  • Страницы архивов (рубрик и тегов);
  • Страница показа результатов поиска;
  • Страница ошибок;
  • Комментарии.

Все эти элементы контента выводятся в шаблоне с помощью следующих файлов входящих в структуру шаблона WordPress:

  1. index.php
  2. page.php
  3. single.php
  4. archive.php
  5. search.php
  6. 404.php
  7. comments.php

Количество файлов в шаблоне может гораздо больше, внешний вид значительно разнообразнее. Но есть еще три файла в шаблоне, без которых он не будет работать. Это файлы: functions.php, index.php и style.css.

Все файлы шаблона связаны друг с другом тегами шаблонов WordPress. Так создается общая структура темы WordPress.

Как редактировать файлы шаблона WordPress

В процессе использования шаблона Worpress приходится его редактировать. Связано это и с желанием что-либо поменять или дополнить. Так же, некоторые плагины «требуют» вставлять дополнительные коды в то или иное место шаблона.

Для редактирования файлов шаблона нужно прочитать статью тут или соблюдать следующие правила:

  1. Никогда не делайте редакцию файлов шаблона без резервной копии сайта. Как минимум сделайте резервную копию шаблона;
  2. Никогда не редактируйте файлы шаблона в блокнотах Word. Для редактирования используйте только текстовые блокноты типа Notepad++ в кодировке UTF-8 без BOOM.
  3. Осторожно используйте редактор административной части: Внешний вид→Редактор.

©www.wordpress-abc.ru

Другие статьи раздела: Шаблоны WordPress

Недавние Посты

Как организовать управление ИТ инфраструктурой

Комплексный подход к управлению ИТ-услугами — это не просто модный тренд, а насущная необходимость для выживания. Читать дальше

1 неделя ago

Проблемы обмена криптовалюты онлайн

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

1 месяц ago

Выбираем по шагам хостинг для WordPress

Какой хостинг для WordPress убьет ваш проект еще до старта. Читать дальше

2 месяца ago

Что делать если сломался жесткий диск

В данном материале мы рассмотрим типовые ситуации выхода HDD из строя, оценим риски самостоятельного вмешательства и укажем на критический момент,… Читать дальше

3 месяца ago

Generative Engine Optimization: почему классическое SEO больше не закрывает задачи бренда

Что такое Generative Engine Optimization — оптимизация под AI-поисковики и нейроответы Google, Яндекса, ChatGPT, Perplexity, GigaChat. Читать дальше ... Читать дальше

3 месяца ago

Как превратить отзывы клиентов компании в новый канал продаж

Читайте наш гайд, как превратить отзывы клиентов компании в конвейер горячих лидов. Конкретные тактики. Читать дальше ... Читать дальше

3 месяца ago