Всем привет! Если кто-то давно следит за моим блогом, то должно быть заметил, что я постоянно меняю его внешний вид. Редактирование шаблона WordPress не такая сложная штука, как может показаться на первый взгляд. Достаточно знать структуру шаблона и иметь базовые знания HTML, CSS
Где скачать и как установить
Лично я рекомендую вам брать темы только с официального сайта 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
1. WordPress имеет встроенный редактор:
К сожалению, стандартный редактор не умеет подсвечивать синтаксис кода, поэтому его удобно использовать только для внесения небольших коррективов. Он находится в разделе «Внешний вид» — «Редактор».
В правом столбце представлены все файлы темы WordPress, а в самом низу style.css — файл со стилями.
2. Подключитесь к ftp, на котором находится блог. Перейдите в директорию /wp-content/themes/название_темы и откройте нужный шаблон с помощью текстового редактора, установленного на Вашем компьютере. Это несколько дольше, но зато можно использовать редактор с подсветкой синтаксиса кода.
Вот так неожиданно подошли к концу моего повествования. Не бойтесь экспериментировать — перекраивать шаблоны, лепить из нескольких тем одну, играться со стилями. Только так можно действительно чему-то научится. Конечно, свои эксперименты желательно проводить на локальном сервера, а уже окончательный вариант использовать на рабочем блоге.
Спасибо за внимание!