В данной статье я расскажу, как правильно редактировать WordPress-сайты. Что я считаю правильным редактированием? Это когда мы можем изменить размер шрифта wordpress-сайта и сохранить изменения даже после обновления своей любимой темы. Или цвет фона. Или собственный оригинальный логотип. В общем, в этой статье я расскажу, как вносить практически любые изменения в шаблон WordPress’а и не бояться, что после обновления темы (которое, как и обновление самого движка WordPress, необходимо для безопасности) все наши старательные правки исчезнут.
Если редактировать тему WordPress с помощью плагинов
Можно практически до неузнаваемости «отметаморфозить» свой сайт на WordPress’е с помощью плагинов. Сделать это максимально легко. А потом можно не волноваться из-за обновлений темы. Разве что переживать из-за медленной работы перегруженного плагинами сайта. Или из-за того, что разработчики плагина прекратят его поддержку. Или из-за того, что очередной злоумышленник сможет взломать ваш сайт, найдя «дыру» в безопасности одного из плагинов.
«Дыры» бывают и в самом движке WordPress, и в темах, но далеко не так часто, как в плагинах. Особенно, если у вас их с десяток.
Я хорошо понимаю, что плагин – самый простой способ внести изменения в сайт. И далеко не всегда, он серьезно влияет на безопасность или производительность сайта. Но ведь лучше, когда (пусть и совсем чуточку) быстрее и безопаснее?
Как редактировать WordPress-сайт с помощью создания дочерней темы
Раньше я редактировал свой сайт v-zdor.com, просто внося изменения в файлы самой темы. Но дело в том, что на этом сайте тема не обновляется. А вот на hachu-site.ru стоит тема Responsive (которую я, кстати, считаю одной из лучших бесплатных тем WordPress) и разработчики время от времени ее улучшают. Можно, конечно, каждый раз заново копировать изменения в обновленную тему. Но это немного хлопотно (особенно если учесть, что мне еще приходиться вносить изменения в файлы самого движка каждый раз после обновления WordPress).
Недавно я обнаружил, как можно избавиться от лишних хлопот. Можно ОДИН раз создать дочернюю тему и больше не лазить по сто раз в код своей основной, родительской темы.
Сделать дочернюю тему WordPress довольно легко. Для этого нужно:
- Создать папку в директории, где хранятся темы (wp-content/themes). Как правило, дочернюю тему называют так же, как и родительскую, только добавляют до названия дефис и слово «child». Но делать это необязательно, называйте ее, хоть «Pakasmakabarabaka», работать от этого она не перестанет.
- Скопировать в созданную папку файл style.css вверху которого должна быть надпись вроде этой.
/*Причем обязательные поля здесь только Theme Name: (где должно быть название вашей теперешней действующей темы + слово «Child») и Template: (здесь нужно указать название папки темы, которую вы хотите изменить).
Theme Name: Twenty Ten Child
Theme URI: http: //example.com/
Description: Дочерняя тема для темы Twenty Ten
Author: Ваше имя
Author URI: http: //example.com/about/
Template: twentyten
Version: 0.1.0
*/
Как выглядит шапка моей родительской темы, на которой в данный момент работает hachu-site.ru
Все! Теперь у вас есть дочерняя тема! В свой новый style.css вы можете полностью скопировать (или импортировать) код со style.css вашей темы и проводить над ним любые эксперименты. Можно также просто взять style.css родительской темы и поменять в нем шапку.
Кроме style.css в папку с дочерней темой можно копировать почти все файлы родительской темы и спокойно их редактировать. Исключением является файл functions.php. В него можно добавлять новые функции, но старые трогать нельзя!
Вот список файлов, которые я редактировал для своей дочерней темы.
Хочу отметить, что лучше новичкам ничего не трогать, а ограничиться лишь редактированием style.css. А возможно, для начала лучше обойтись правками селектора body.
Свойства, которые часто редактируют в первую очередь. Background – цвет фона на всем сайте. Color – цвет текста. Font-family – название шрифта. Font-size – размер шрифта.
А теперь видео, в котором я покажу, как активировать дочернюю тему WordPress и наглядно продемонстрирую пользу от ее создания. Обратите внимание, что даже не исчезала постраничная навигация, которую я реализовал с помощью добавления новой функции, а не с помощью плагина.