Что нужно знать перед изменением темы оформления WordPress сайта

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

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

Как же обезопасить свой переход и сделать его как можно менее болезненным? Ознакомьтесь с описанными ниже шагами и вы узнаете этот простой рецепт удачного изменения темы WordPress.

1. Ведите книгу изменений.

Данный совет касается не только переезда на другую тему оформления, но и на простое обновление версии вашей текущей темы. Ведь все, что вы дописываете в код шаблона вручную исчезнет после его обновления.

Будь-то изменения дизайна в CSS стилях, изменения в верстке страниц, редактирования вывода виджетов и т.д. Все эти доработки нужно записывать себе куда-то в удобные заметки и сформировать такую «Книгу изменений» для их будущих быстрых переносов.

Почему это все исчезает? Да потому что, при обновлении все файлы в папке темы скачиваются заново от ее разработчика и обновляются у вас. Например вы обновляете тему Shamrock, то файлы в папке wp-content/theme/shamrock обновляется, и ваших изменений в них уже не будет. Выходит их нужно вновь внести вручную. Ну, а если вы вообще изменяете тему, тут думаю понятно, что там точно ваших ручных правок не будет.

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

2. Контролируйте вывод панелей виджетов.

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

В чем может возникнуть тут проблема? Например, вы настроили крутую боковую панель на своем сайте с кучей полезных виджетов и планируете ее видеть такой же на обновленном дизайне. Изменяете тему, и оказывается, что в ней нет вывода бокового меню, либо он реализован совсем не там, как вам нужно. Итог — вы не понимаете, куда пропали виджеты и где делась удобная вам боковая панель.

Вот вам и новые подводные камни. А чтобы обойти их, ознакомьтесь с новой темой перед ее установкой. Часто на странице с закачкой темы есть возможность ее демо просмотра — изучите демку. И, если новая комплектация блоков вас устраивает, только тогда обновляйтесь.

3. Сделайте резервную копию сайта.

Приступаем уже непосредственно к самому изменению темы. И самое первое, что нужно делать всегда перед любыми манипуляциями с WordPress сайтом — сделать резервную копию работающего сайта. Это очень важно! Ведь если что-то пойдет не так, вы всегда сможете вернуть работающую версию сайта.

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

4. Перенесите все коды скриптов.

Большинство сайтов используют различные дополнительные скрипты, которые встраиваются в шапку, либо подвал сайта. Как пример, можно привести скрипт аналитики Google Analytics. И, если такое добавление вы осуществляете напрямую в файл header.html или footer.html, а не через специальные плагины по типу «Insert Headers and Footers». То знайте, что при обновлении/замене темы вам нужно будет встроить ручками их заново.

5. Включите режим обслуживания.

Согласитесь, будет лучше, если посетители не будут видеть процесс перехода вашего сайта на новую тему. Так как они попросту, некоторый период, будут видеть ваш сайт сломанным, поплывшим, не красивым и т.д. Такого быть не должно и нужно на этот период закрыть сайт от посещений. Чтобы посетить его можно было уже с новым дизайном и с полностью работающем проверенным функционалом.

Для таких вещей есть режим обслуживания сайта. Это когда заходя на сайт посетитель просто видит заглушку с информацией о реконструкции сайта.

Реализовать это можно с помощью очень простого и легкого плагина WP Maintenance Mode. Урок по которому я также в скором времени добавлю на сайт.

6. Протестируйте все функции и плагины.

Как только у вас будет активирована новая тема, вы должны убедиться, что все функциональные возможности сохранены, а плагины работают. Пройдитесь по функциям плагинов, проверьте все кнопки, формы, всплывающие окна, комментарии и т.д. Если какой-то плагин перестал работать, попробуйте его переустановить и перенастроить заново.

Пройдитесь по всем доработкам сайта из Пункта 1. Перенесите все добавленные строчки кода вручную. Убедитесь, что все ваши виджеты на своих местах и работают.

7. Отключите лишнее дубли.

Проверьте вашу тему на встроенные функции и комплект плагинов, которые идут с ней. Например, у вашей темы есть комплектный плагин для создания какого-то дополнения, который с ней работает максимально хорошо. И у вас есть использующийся для этого плагин. Тогда, быть может, он уже не нужен и только будет захламлять сайт.

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

8. Проверьте сайт на кросс-браузерность.

Протестируйте свой сайт во всех браузерах, к которым у вас есть доступ. Ведь разные браузеры могут выводить вашу тему по-разному. Все везде должно работать, а не только у вашем любимом браузере. Особенно тщательно протестируйте сайт в браузере Internet Explorer. На нем чаще всего темы выводится коряво и с косяками. Все это нужно будет исправлять.

9. Приведите все сторонние элементы к одному дизайну.

Рекламные блоки по типу Google Adsense, баннеры, кнопки соц.сетей, вставки вывода отдельных элементов соц.сетей, партнерские блоки и многое другое нужно настроить в соответствии с новым дизайном (размерами блоков, расположением и цветовой гаммой сайта).

10. Контролируйте время загрузки страниц.

Сравните время загрузки сайта со старой темой и на новой. Чтобы узнать, не стал ли ваш сайт грузится дольше. Так как это очень плохо скажется и на SEO показателях, и на лояльности ваших посетителей.

Проверить загрузку сайта можно на любом сервисе предоставляющий такие услуги. Например, https://gtmetrix.com/ и https://developers.google.com/. А еще, они сразу выдадут вам список доработок, исправив которые можно ускорить работу сайта.

БОНУС. Обязательно мониторьте лояльности посетителей.

Изменения на сайте, в первую очередь, должны удовлетворять не вас, а ваших посетителей! Поэтому соберите обратную связь от них, промониторьте показатели отказа через сервисы аналитики (Google Advanced и Яндекс.Метрика). Создайте заметку с описанием ваших перемен и сделайте голосование, стал ли ваш сайт удобнее для читателей. Если крутой по вашему мнению новый дизайн не зайдет вашим читателям, то вы можете очень быстро потерять их.

Общайтесь со своими посетителями, прислушивайтесь к их мнению и улучшайте сайт вместе. С акцентом, в первую очередь, на вашу аудиторию. Удачи! 😉

Главный редактор
Опубликовал статей: 106
Просмотров: 42 0