Как правильно редактировать сайт на WordPress’e

Гомер и Барни собираются редактировать WordPress

Ребята, не спешите прибегать к таким радикальным методам. Ваш сайт можно отредактировать гораздо более простыми и цивилизованными способами.

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

Если редактировать тему WordPress с помощью плагинов

Можно практически до неузнаваемости «отметаморфозить» свой сайт на WordPress’е с помощью плагинов. Сделать это максимально легко. А потом можно не волноваться из-за обновлений темы. Разве что переживать из-за медленной работы перегруженного плагинами сайта. Или из-за того, что разработчики плагина прекратят его поддержку. Или из-за того, что очередной злоумышленник сможет взломать ваш сайт, найдя «дыру» в безопасности одного из плагинов.

«Дыры» бывают и в самом движке WordPress, и в темах, но далеко не так часто, как в плагинах. Особенно, если у вас их с десяток.

Я хорошо понимаю, что плагин – самый простой способ внести изменения в сайт. И далеко не всегда, он серьезно влияет на безопасность или производительность сайта. Но ведь лучше, когда (пусть и совсем чуточку) быстрее и безопаснее?

Как редактировать WordPress-сайт с помощью создания дочерней темы

Раньше я редактировал свой сайт v-zdor.com, просто внося изменения в файлы самой темы. Но дело в том, что на этом сайте тема не обновляется. А вот на hachu-site.ru стоит тема Responsive (которую я, кстати, считаю одной из лучших бесплатных тем WordPress) и разработчики время от времени ее улучшают. Можно, конечно, каждый раз заново копировать изменения в обновленную тему. Но это немного хлопотно (особенно если учесть, что мне еще приходиться вносить изменения в файлы самого движка каждый раз после обновления WordPress).

Недавно я обнаружил, как можно избавиться от лишних хлопот. Можно ОДИН раз создать дочернюю тему и больше не лазить по сто раз в код своей основной, родительской темы.

Сделать дочернюю тему WordPress довольно легко. Для этого нужно:

  1. Создать папку в директории, где хранятся темы (wp-content/themes). Как правило, дочернюю тему называют так же, как и родительскую, только добавляют до названия дефис и слово «child». Но делать это необязательно, называйте ее, хоть «Pakasmakabarabaka», работать от этого она не перестанет.директория с дочерней темой WordPress
  2. Скопировать в созданную папку файл style.css вверху которого должна быть надпись вроде этой.

    /*
    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
    */

    Причем обязательные поля здесь только Theme Name: (где должно быть название вашей теперешней действующей темы + слово «Child») и Template: (здесь нужно указать название папки темы, которую вы хотите изменить).

Заголовок дочерней темы WordPress

Как выглядит шапка моей родительской темы, на которой в данный момент работает hachu-site.ru

Все! Теперь у вас есть дочерняя тема! В свой новый style.css вы можете полностью скопировать (или импортировать) код со style.css вашей темы и проводить над ним любые эксперименты. Можно также просто взять style.css родительской темы и поменять в нем шапку.

Кроме style.css в папку с дочерней темой можно копировать почти все файлы родительской темы и спокойно их редактировать. Исключением является файл functions.php. В него можно добавлять новые функции, но старые трогать нельзя!

Вот список файлов, которые я редактировал для своей дочерней темы.

Файлы дочерней темы для темы Responsive

Хочу отметить, что лучше новичкам ничего не трогать, а ограничиться лишь редактированием style.css. А возможно, для начала лучше обойтись правками селектора body.

Селектор Body

Свойства, которые часто редактируют в первую очередь. Background – цвет фона на всем сайте. Color – цвет текста. Font-family – название шрифта. Font-size – размер шрифта.

А теперь видео, в котором я покажу, как активировать дочернюю тему WordPress и наглядно продемонстрирую пользу от ее создания. Обратите внимание, что даже не исчезала постраничная навигация, которую я реализовал с помощью добавления новой функции, а не с помощью плагина.

Метки: , , ,
Опубликовано в WordPress
Рубрики