Структура шаблона wordpress

Любой шаблон WordPress, каким бы красивым и функциональным он не был, не может на 100% удовлетворить владельца сайта, на котором он используется. В любом случае необходима настройка — что-то поменять, добавить свой логотип и элементы, изменить цвет шрифта или фона и пр. Подобная модернизация добавляет уникальности и индивидуальности каждому сайту, делая его неповторимым.
Часть настроек можно произвести из консоли (панели администратора). Так например, меню «Внешний вид»«Темы» отвечает за просмотр и установку новый темы (шаблона) WordPress. А пункт «Внешний вид»«Настройки» помогает с легкостью изменить цвет фона, описание сайта и прочее. Однако основательных изменений эти вкладки не позволят произвести. Поэтому сегодня я вас познакомлю со структурой шаблона WordPress, помогу разобраться, какой файл за что в нем отвечает.
Справедливости ради надо отметить, что все шаблоны делаются немного по-разному. Поэтому единой инструкции, какие шаги выполнять, чтобы изменить то или это, не существует. Но все же каждый сайт имеет определенную структуру и основные файлы присутствуют везде.

Вот так с точки зрения построения выглядит типичный сайт:

1. header — это «шапка». Обычно содержит логотип или красивую картинку с названием сайта. Порой в ней же размещают рекламный баннер.
2. footer — «подвал». В нем размещается информация о правообладателе, хостинге, счетчики посещений и др. подобная информация.
3. sidebar — «сайдбар». Это боковые столбцы, в, которые помещается дополнительный функционал ресурса: реклама, форма регистрации или подписки, календарь, меню рубрик, кнопки соц. сетей, новости и т. д.
4. В шаблоне страницы WordPress за вывод этой информации отвечают виджеты. Сайдбаров может быть 1, 2, 3 и более. Иногда они размещаются и внизу — над подвалом.
5. page — «страница». Отвечает за вывод всей страницы целиком — анонсы записей, комментарии и другой информации.
6. single — «одна запись». В отличие от страницы, этот файл несет ответственность за вывод только 1 статьи или странички. Не путайте!
7. comments — «комментарии». Тут все очевидно. Это вывод полей комментирования.

Если открыть редактор шаблонов WordPress (вкладка «Внешний вид»«Редактор»), то в правой колонке на странице вы увидите список всех перечисленных файлов + шаблон ошибки 404, таблицу стилей (которая отвечает за тип, цвет, размер шрифтов, линий и пр. , и пр.), а так же другие файлы.
В центре страницы перед вами откроется окно с кодом.

Как с этим всем работать?

Для начала запомните, что

* таблица стилей (css) содержит информацию о декоративных элементах и способе их отображения: шрифты (цвет, размер, тип, тени, начертания), линии (подчеркивания, рамки, их цвет, толщина, отступы), общие отступы элементов друг от друга (меню, виджеты…) — одним словом за стиль сайта.
* рабочие файлы с кодами (php) над таблицей содержат: важную информацию с программным кодом (некоторые его участки лучше не трогать, чтобы не вызывать сбой в работе сайта) и его текстовое отображение.

Как редактировать шаблон WordPress на практике?

Поняв, какой файл шаблона, чем заведует, вы без проблем сможете внести изменения по своему вкусу. Если вам хочется изменить цвет и размер заголовка в статье, то вы это будете это делать в файле таблицы стилей (css). А если есть желание, чтобы выводилась надпись не «Архивы рубрики…», а «Статьи в рубрике…», то это нужно будет изменить в файле archives. php. И так далее.

Чтобы внести какое-то изменение, необходимо найти нужную строку в файле и переписать ее (кстати, поиск удобно осуществлять при помощи ctrl+f). Возвращаясь к последнему примеру — если вы в файле archives. php решили поменять слово «Архивы» на «Статьи», то вы его открываете, ищете слова «Архивы рубрики» и просто переписываете русский текст. После этого внизу нажимаете «Сохранить», обновляете страничку сайта и любуетесь на изменения. Точно так же меняются все остальные стандартные надписи.

Чтобы внести какое-то изменение, необходимо найти нужную строку в файле и переписать ее (кстати, поиск удобно осуществлять при помощи ctrl+f). Возвращаясь к последнему примеру — если вы в файле archives. php решили поменять слово «Архивы» на «Статьи», то вы его открываете, ищете слова «Архивы рубрики» и просто переписываете русский текст. После этого внизу нажимаете «Сохранить», обновляете страничку сайта и любуетесь на изменения. Точно так же меняются все остальные стандартные надписи.
С файлом таблицы стилей по началу может показаться сложнее работать, чем с . php. Однако, это не так. В нем прописана информация о стилях для всех возможных элементов в одной таблице. Поэтому, чтобы начать что-то редактировать, сначала необходимо узнать, какой именно элемент кода требует изменений. Для работы с ним многие авторы статей предлагают использовать Notepad, специальные браузеры и т. д. Новичку сайтостроения все это покажется очень сложным, поэтому я предлагаю гораздо более простой способ.

Как изменить шаблон WordPress, не используя лишних инструментов:

1. Открываете свой сайт в браузере.
2. Правой кнопкой мыши щелкаете по тому элементу, который хотите изменить и выбираете «Просмотр кода элемента» (последний пункт). Внизу страницы появится блок с частью кода, отвечающий за выбранный элемент. Из него мы видим, что в таблице за вывод заголовка отвечает post-title, а заголовок — это элемент h1. Расположены они в файле style.
3. CSS. Их и будем искать!
4. Открываем в Редакторе файл таблицы стилей, при помощи поиска ctrl+F ищем строки, отвечающие за элемент h1 в блоке post-title. И уже внутри него меняем нужные параметры.

Для справки: font-size (размер шрифта), font-style (тип шрифта), font-color (цвет) и т. д. Это основы, опираясь на, которые и действуя аналогично, можно редактировать все элементы шаблона WordPress, перемещая их и переименовывая. В результате чего вы добьетесь неповторимого дизайна своего сайта.

Оставьте ответ