Редактирование шаблона WordPress является обычным делом для начинающего или продвинутого вебмастера, желающего создать свой уникальный сайт или блог. Шаблон или тема WordPress имеет определенную структуру, которую надо знать или узнать благодаря данной статье.
Если просто скачать готовую тему или шаблон в интернете и не отредактировать её под своё видение дизайна, то наверняка такая же тема кем-то уже используется и она не будет иметь уникальность. Поэтому существует, как минимум, две причины по которым следует заняться редактированием и обладать знанием структуры самого шаблона.
Во-первых, большинство настроек блога связано с редактированием кода – html или css, из которых состоят определенные файлы темы и, которые затем следует отредактировать. Где находятся эти файлы, как их найти и с использованием каких средств их удобнее править, мы и узнаем здесь.
Во-вторых, тема, скачанная и установленная на WordPress из интернета, используется веб-мастером как начальная структура сайта, из которой потом выйдет уникальный сайт или блог. Чтобы сделать изменения, добавление элементов дизайна или подправить функциональные блоки шаблона, необходимо иметь минимальные знания HTML и CSS. Для редактирования шаблона WordPress надо понимать из чего он состоит и для чего нужна каждая его часть.
Редактирование шаблона WordPres требует знание основ его структуры, что в процессе редактирования приведет к положительному результату.
Посмотрите видео с вариантами редактирования шаблона сайта на движке WordPress
Поэтому для начала изучим структуру шаблона WordPress.
Структура шаблона WordPress
HTML-код шаблона WordPress разбит на несколько php-файлов. Сделано это для удобства: повторяющиеся на разных страницах куски кода вынесены в отдельные файлы и подключаются к каждой странице с помощью функции include. Шапка, футер и сайдбар находятся в отдельных файлах, а файл каждого типа страниц содержит только центральную область:
Наиболее часто редактируемые файлы шаблона WordPress:
•index.php – Шаблон начинается с файла index.php, который выводит главную страницу сайта.
•header.php — Шапка сайта. В этот файл вынесена повторяющаяся на каждой странице сайта верхняя часть. Он начинается с тега , содержит полностью , в который вставляется большинство скриптов при настройке блога. В нем открывается тег и выводится логотип, слоган, верхнее меню и прочие элементы шапки.
•style.css – основной стилевой файл шаблона, в котором задается внешний вид элементов сайта. Чтобы редактировать шаблон WordPress, чаще всего приходится работать именно с этим файлом.
Остальные файлы:
•single.php – отвечает за отображение каждой отдельной записи, т.е. внешний вид страницы или записи настраивается именно в этом файле.
•page.php – вывод статической страницы блога. Новые страницы создаются в разделе «страницы» в левом меню, а их вид настраивается в этом файле.
•sidebar.php – отвечает за вывод сайдбара (боковой колонки блога), где находятся виджеты. Эта часть шаблона тоже повторяется на каждой странице WordPress сайта, поэтому вынесена в отдельный файл. Обычно не приходится редактировать этот файл, потому что все изменения производятся над виджетами. Однако никто не запрещает вписать какой-то код напрямую в файл sidebar.php.
•functions.php – файл с php-функциями темы. Все они влияют на внешний вид и работу сайта, определяют события при определенных действиях пользователей.
•footer.php – футер (подвал) сайта, его нижняя часть. Это тоже повторяющийся на всех страницах элемент. В него обычно вставляют счетчики посещаемости, копирайт и контактные данные.
•category.php – за вывод страницы с перечнем всех записей определенной категории отвечает данный файл.
•tag.php – вывод архива записей по соответствующему тегу прописан в этом файле.
•archive.php – архив всех записей за определенный месяц (год) настраивается здесь.
•search.php – выводит результаты поиска по блогу.
•comments.php – отображение комментариев к записям и страницам.
•404.php – шаблон ошибки 404 – страница не найдена.
В зависимости от выбранной темы, в ней могут появиться и другие файлы, тогда придется самостоятельно разобраться для чего нужны они.
Как редактировать файлы шаблона WordPress
Перед редактированием шаблона рекомендуется сделать бэкап файлов и базы данных сайта. Чтобы изменить внешний вид сайта и его функционал, необходимо изучить или уже владеть знаниями программирования в CSS и HTML. Если таких знаний нет, то лучше всего найти хорошего фрилансера, который имеет опыт работы с движком WordPress и редактированием шаблонов этой CMS.
Редактирование файлов шаблона WordPress можно осуществлять тремя вариантами:
- Редактирование шаблона через админку WordPress
В админке зайдите в раздел «Внешний вид» — «Редактор» и справа в колонке вы увидите все файлы темы, доступные для редактирования. Выберите нужный файл, отредактируйте и не забудьте кликнуть по кнопке «Обновить».
Данный способ очень удобен, когда нужно внести незначительные изменения: редактирование через админку делается быстро, просто, не нужно запускать дополнительные программы и вводить пароли. Из минусов – стандартный редактор не имеет функции подсветки кода и нумерации строк, поэтому вносить серьезные многочисленные изменения таким образом не удобно.
2.Правка файлов через файловый менеджер хостинга
Редактировать шаблоны WordPress этим способом очень удобно, поскольку не надо запускать никаких программ, настраивать подключений, копировать файлы на компьютер и код подсвечивается. Этот способ подойдет на таком хостинге, где существует такая возможность для редактирования.
Файлы шаблона WordPress, который нужно отредактировать, находятся в папке: /wp-content/themes/названиевашейтемы/ Заходим в нее и открываем нужный файл для редактирования. Если ваш сайт находится на хостинге, который не обладает таким удобным файловым менеджером, выбирайте хостинг, где эта возможность присутствует.
- Редактирование шаблона по ftp
Этот способ удобен, если предстоит серьезная работа с файлами, особенно если нужно редактировать сразу несколько файлов в разных папках.
•Запустите ваш ftp-клиент. Для подключения по ftp используют программу FileZilla или Total Commander Настройте соединение с сайтом и зайдите в папку вашей вордпресс темы: /wp-content/themes/названиевашейтемы/
•Скопируйте файл, который нужно редактировать к себе на локальный диск.
•Откройте файл в программе для редактирования кода и внесите необходимые изменения в программе Notepad++ или Dreamweaver, в них подсвечивается код, пронумерованы строки и конечно есть множество других функций и преимуществ.
Настройка темы WordPress в админке
Если вы скачали и установили готовый шаблон WordPress, то многие настройки можно сделать, не влезая в код. Редактировать каждую тему вордпресс можно через админку блога.
Зайдите в раздел «Внешний вид» — «Настроить», откроется окно с основными настройками темы. Здесь можно ввести название и описание сайта, которые отобразятся в шапке сайта после сохранения. Так же вы можете изменить цвет фона или фоновое изображение и другие настройки — разобраться не сложно.
Большую часть настроек темы WordPress можно выполнить в разделе «Внешний вид» ->«Имя вашей темы».
Здесь можно загрузить логотип, фавикон и т.д. Настроек очень много, но многие веб-мастера ими никогда не пользуются, так как им проще работать с кодом, чтобы отредактировать тему WordPress.
