Руководство по обновлению блога до WordPress 5.0.. Подготовка к обновлению.

Из года в год WordPress становится все совершеннее.  Как Вы уже знаете, 6 декабря вышла новая версия WordPress 5.0 с новым  редактором Gutenberg.

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

Я уверена, что за новым WordPress с редактором Gutenberg будущее!

Однако,

я рекомендую не торопиться с обновлением сайта до новой версии WordPress 5.0. и т.д, а сначала тщательно подготовиться к обновлению и протестировать редактор Gutenberg.

Во первых.

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

Во вторых.

В новом редактор WordPress Gutenberg  слишком много ошибок
(более 200),  несколько проблем с совместимостью с другими шаблонами и плагинами, что должны учесть их разработчики.

В данный момент я продолжаю тщательно проверять на совместимость наш шаблон — конструктор AB-Inspiration, и скоро выйдет новое обновление шаблона. 

В новой версии шаблона AB-Inspiration будет расширена его функциональность согласно многочисленным просьбам его пользователей.

Я отдельно напишу о всех новшествах AB-Inspiration в релизе.

Итак, дорогой читатель, давайте начнем подготовку к обновлению WordPress 5.0. и тестированию его нового потрясающе интересного редактора Gutenberg!

Кстати, новый редактор Gutenberg назван в честь Иоганна Гутенберга (1397-1468), первого европейского типографа. Главная его заслуга мастера – разработка и внедрение уникального, по тем временам, печатного станка с подвижными литерами. Это стало настоящим прорывом в книгопечатании и  повысило доступность книг для широких масс населения.

В своем руководстве по обновлению блога до новой версии WordPress 5.0. и далее, я определила для Вас 4  необходимых этапа.

Этап 1 — Подготовка к обновлению

На этом очень важном этапе необходимо тщательно проверить работу каждого элемента вашего сайта на WordPress и задокументировать. Я расскажу на что важно при этом обратить свое внимание.

Этап 2 — Копирование сайта на WordPress

Мы рассмотрим способы как  сделать копию Вашего сайта WordPress на хостинге и на стороне. 

Этап 3 — Обновление до WordPress 5.0…

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

Этап 4 — Работа с редактором Gutenberg

И конечно же мы узнаем как пользоваться редактором Gutenberg, чтобы создавать статьи и страницы быстро и красиво.

Сегодня мы рассмотрим Этап 1 — подготовка к обновлению.

Следующие этапы мы выполним вместе в течение недели.

И так!

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

К слову сказать, я не видела в своей практике, чтобы при правильном копировании или восстановлении (если потребуется) сайт ломался. В основном это происходило потому,  что копирование производилось с уже какими-то неисправными элементами сайта.

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

Шаг 1. Составьте список из:

• Важных страниц и статей
• Специальных блоков, таких как всплывающие окна, формы и т.п..

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

Подсказка: мне трудно определить какие элементы есть у Вас  на сайте. Посмотрите ниже на что стоит обратить внимание.

• Тексты. Проверьте абзацы, текст не должен быть в одну строку.
  Обязательно разбивайте на абзацы 3-5 строк.
• Изображения.  Отображение, размер, места. Проверьте, отображается ли изображение в том месте, куда вы его установили в нужном размере.
• Ссылки, в том числе email ссылки. Проверьте работать ли ссылка (на какую страницу ведет)
• Шорткоды
• Специальные целевые страницы (лендинги)
• Колонки и строки на страницах созданных при помощи дополнительных плагинов
• Всплывающее окно с политикой cookie
• Плавающее меню в шапке
• Формы. Страница Контакты (Заполните поля и отправьте письмо. Проверьте на какой адрес пришло письмо).
• Фрагменты кода и скриптов.  Проверьте корректно ли они работают.
• Виджеты. Запишите или сделайте скриншот виджетов в боковой колонке блога, чтобы после обновления можно было сверить.
  Проверьте работу виджетов. Например, если в боковой колонке
  установлена форма подписки, проверьте ее работу (например, Вы можете сами подписаться и посмотреть весь путь, который проходит подписчик). Если это виджеты социальных групп и пабликов, проверьте подписку. Проверьте кнопки «Следуй за мной», все ли ссылки работают корректно и ведут на нужные страницы. Если Вы используете виджеты с баннерами, проверьте ссылки в этих виджетах.
• Плагины.  Запишите в столбец текущие номера версий плагинов сайта. Проверьте их работу, если Вам известно как это сделать.
  
  

Шаг 2. Если у Вас сайт с шаблоном AB-Inspiration, проверьте на сайте  работу AB-Inspiration и его премиум плагинов:

Вставки AB-Inspiration

Зайдите в консоли сайта в раздел Внешний вид, далее в Настройки шаблона, далее в раздел Вставки.

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

Страницы со статьями

1. Кнопки Поделиться. Откройте любую статью и проверьте работу кнопок над и под статьей.

2. Форма подписки под статьей. Проверьте работу форму в конце статьи — подпишитесь и посмотрите весь процесс подписки.

3. Рейтинг статей. Если вы используете премиум плагин «Рейтинг статей» (Звездочки в конце статьи), проверьте также их работу (поставьте рейтинг на одной из статей).

4. Комментарии. Если Вы используете комментарии «3 в одном»
(комментарии на блоге, в Фейсбук и в Вконтакте), проверьте работу всех комментариев.

5. Смайлики. В шаблоне AB-Inspiration в комментариях используются
смайлики. Если вы их не отключили, обязательно проверьте, как они
работают (оставьте тестовый комментарий со смайликом).

Премиум плагин «Входная страница»

Эта проверка для тех, кто использует плагин «Входная страница«
1.Сделайте скриншот главной страницы, чтобы после обновления вы могли сверить ее внешний вид с видом до обновления.
2. Проверьте все ссылки на странице.

Премиум плагин WPForm «Живая форма + Слайдер»

Эта проверка для тех, кто использует плагин «Живая форма + Слайдер«
1. Вы можете также сделать скриншот, чтобы сверить внешний вид после обновления.
2. Проверьте форму подписки, если Вы используете форму. Если ссылку, вместо формы подписки, то проверьте работу ссылки.
3. Проверьте слайды. Если вы используете слайды, проверьте куда ведут ссылки слайдов, а также проверьте текст и работу слайдов (они должны автоматически сменяться один другим).


Премиум плагин «Форма подписка в футер»

Эта проверка для тех, кто использует плагин «Форма подписка в футер«. Здесь все тоже самое, что и для плагина плагин «Живая форма +Слайдер».


Премиум плагин «Каталог»

Эта проверка для тех, кто использует плагин «Каталог«
1. Откройте страницу с Каталогом и проверьте отображение продуктов каталога.
2. Проверьте фильтры (кнопки с названиями Категорий продуктов.
Покликайте по этим кнопкам, проверьте анимацию).
3. Проверьте кнопки перехода на страницы с продуктами.


Премиум плагин «Отзывы»

Эта проверка для тех, кто использует плагин «Отзывы«
1. Проверьте на сайте форму для Отзывов. Заполните поля формы для отзыва и нажмите кнопку отправить отзыв. Зайдите в админку  и проверьте отзыв.

На этом все!

Теперь Вы готовы к следующему этапу 2 — создание копии вашего сайта на WordPress.

Создайте сайт с нами — легко и быстро!

С вопросами и за помощью обращайтесь в нашу службу поддержки 24/7

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:

а также, хостинг Beget: