Всем привет! Если кто-то давно следит за моим блогом, то должно быть заметил, что я постоянно меняю его внешний вид. Редактирование шаблона WordPress не такая сложная штука, как может показаться на первый взгляд. Достаточно знать структуру шаблона и иметь базовые знания HTML, CSS

редактирование шаблона WordPress

Где скачать и как установить

Лично я рекомендую вам брать темы только с официального сайта wordpress.org. Выбор там огромный! Кроме этого, есть гарантии, что тема не содержит вредоносный код или огромное количество скрытых внешних ссылок.

Установка существует автоматическая установка и ручная.

Автоматическая целиком и полностью осуществляется через админку WP: перейдите в раздел «Внешний вид» — «Темы» и выберете закладку «Добавить новую». Вам сразу предложат на выбор несколько шикарных визуальных шкурок для вашего блога. Если сраз не нашли ничего подходящего, то воспользуйтесь поиском и фильтром характеристик. Нашли подходящую? Жмите «Установить»! Далее возвращайтесь в раздел «Внешний вид» — «Темы» и ищите ее. Остается только нажать на «Активировать» и полюбоваться новым оформлением своего блога.

При установке в ручную необходимо скачать архив с темой с официального сайта WP, распаковать его и полученную папку закинуть на ftp в директорию /wp-content/themes. Лично мне этот способ кажется проще и быстрее. Хотя я и визуальным редактором WP не пользуюсь — не ищу легкой жизни. Так что в этом деле с меня можете пример не брать. Я ведь могу и плохому научить. :)

Опять же, остается только Активировать новую шкурку.

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

Сейчас я буду сильно умничать, но тем не менее постараюсь простым и понятным языком донести до вас суть вопроса. Главное слушайте меня внимательно. Здесь просто нужно уловить основную суть, и все станет понятно.

Страницу блока можно представить как совокупность содержания, структуры и представления.

Текст статей, страниц, создаваемые меню и виджеты определяют содержание страницы, шаблоны темы (php файлы) определяют структуру веб страница, а стили темы (файл style.css и всевозможные дополнительные шрифты и картинки) — графическое представление. Фактически, страница блога собирается как конструктор согласно шаблонам, графически оформляется согласно стилям и заполняется согласно созданному Вами контенту.

Для удобства, я бы разбил все файлы на две группы. Шаблоны первой группы определяют части страницы:

  • bookmark.php — не всегда присутствует, отвечает за социальные кнопки;
  • comments-old.php — необязательный шаблон, отвечает за представление старых комментариев;
  • header.php — определяет самую верхнюю часть исходного кода страницы: все что расположена в теге header и шапку сайта;
  • sidebar.php — место под меню и видженты;
  • comments.php — шаблон для комментариев. Обычно подключается только к записям (single.php) и страницам (page.php) (на своем блоге я отключил комментарии для страниц, ибо они служат в большей части для технической и общей информации);
  • searchform.php — необязательный шаблон, отвечает за форму поиска. Очень часто этот код не выносится в отельный файл;
  • functions.php — файл со скриптами и функциями темы;
  • и другие.

Шаблоны второй группы определяют структуру представления страницы в целом и формируются за счет подключения шаблонов первой группы с добавлением области контента:

  • archive.php — содержание рубрики;
  • single.php — отдельная запись;
  • index.php — главная страница;
  • search.php — результаты поиска;
  • page.php — созданная страница (не путать с записями);
  • 404.php — страница ошибки 404, открывается при попытки зайти на несуществующую страницу.

Визуально структура шаблона wordpress выглядит так:

Формирование страницы из шаблонов

Что будет, если отсутствует один из шаблонов второй группы? Его функции возьмет на себя другой из группы. Это называется иерархией шаблонов, и об этом подробно написано в кодексе WordPress. Главное понимать, что шаблоны второй группы мало чем отличаются друг от друга — только контентом и дополнительными подключаемыми плагинами (например, хлебные крошки, социальные кнопки или похожие статьи). Поэтому недостающий файл темы несложно создать самому на основе уже имеющихся. Что из себя должен представлять его контент, можно подсмотреть в соответствующем файле другой темы.

Редактирование шаблона WordPress

1. WordPress имеет встроенный редактор:

Редактирование темы

К сожалению, стандартный редактор не умеет подсвечивать синтаксис кода, поэтому его удобно использовать только для внесения небольших коррективов. Он находится в разделе «Внешний вид» — «Редактор».

В правом столбце представлены все файлы темы WordPress, а в самом низу style.css — файл со стилями.

2. Подключитесь к ftp, на котором находится блог. Перейдите в директорию  /wp-content/themes/название_темы и откройте нужный шаблон с помощью текстового редактора, установленного на Вашем компьютере. Это несколько дольше, но зато можно использовать редактор с подсветкой синтаксиса кода.

Вот так неожиданно подошли к концу моего повествования. Не бойтесь экспериментировать — перекраивать шаблоны, лепить из нескольких тем одну, играться со стилями. Только так можно действительно чему-то научится. Конечно, свои эксперименты желательно проводить на локальном сервера, а уже окончательный вариант использовать на рабочем блоге.

Спасибо за внимание!

Лучший способ выразить благодарность автору - поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.