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

  Автор:
  472
Руководство по обновлению блога до 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. До завтра!  


Руководство по обновлению блога до WordPress 5.0.. Подготовка к обновлению.
   6 голосов
Средняя оценка: 5 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Пошаговый План По Созданию Бизнес-Блога На WordPress
Оставьте свой комментарий:
6 комментариев
  1. Анфиса! Спасибо, что предупредили! Какой ужас! Да за что-же такое наказание к Новому году! Меня уже не радует, что у меня более тысячи страниц на блоге. Радует только то, что все копии статей сохранены (теперь еще их проверю) и то, что Вы есть и, я надеюсь, что поможете.

    • Галина, не нужно пугаться. Все пройдет хорошо, поверьте. Эта проверка в любом случае нужна. Конечно вы не должны проверять все страницы со статьями. Проверьте только основные страницы (об авторе, контакты, отзывы если есть). ПРоверьте боковую колонку, просто покликайте по кнопкам, убедитесь, что все работает как надо. Откройте одну статью и проверьте кнопки поделиться, форму подписки и комментарии. Это нужно делать иногда и не обязательно перед обновлением. Просто сейчас если вы выявите какие-то недочеты, будет понятно, что они появились до обновления. Если же обнаружиться что-то неработающее после обновления, а вы до этого не проверили, то искать причину будет куда сложнее.

  2. Vlad

    Ооочень нудная заморочка… с большой затратой времени.
    Нельзя ли как-то попроще?
    На худой конец, подождать, пока не выйдет более стабильная (6 или очередная версия) этого редактора, и которая встанет сразу как надо.
    По-моему авторы Редактора должны его приспособить под наработанное, а не наоборот (темы и все плагины под редактор).

    • Влад, да, вы правы, лучше подождать стабильной версии. В любом случае перед обновлением проверьте основные моменты о которых я говорю. Просто были случаи с другими версиями, когда без проверки обновляли WordPress, а потом находили какие-то ошибки, и понять произошло это из-за обновления или это так и было гораздо сложнее.
      Редактор на самом деле замечательный. Конечно придется повозиться немного и привыкнуть. Хотя разработчики сделали плагин для установки старого классического редактора, для тех кто не хочет использовать новый.
      Сейчас я тестирую WP5.0 на совместимость с шаблоном AB-Inspiration. Пока явных проблем не обнаружила. Редактор работает замечательно.

  3. Здравствуйте! ЭТО КОШМАР! Это же, целая работа для специалиста, а для меня — это, вообще , не доступно для понимания!!! Я, как Вы знаете, тронуть там что-то, просто, боюсь, да и то после консультации с вами. Прочитав же, все рекомендации по проверке всех функций блога… ЭТО-КОНЕЦ ВСЕМУ! Я это сделать не смогу. Такую проверку может осуществить, только знаток в построении сайтов, коим я не являюсь. Я поняла, что Word Press будет работать, только с Gutenberg! Всё это интересно, но блог на Вашем шаблоне подлежит полной реконструкции! Поскольку я это сделать не в состоянии, значит мне грозит полное его удаление. ВОТ и ВСЁ! Конец моим занятиям! Я думаю, что Вам, как специалистам сначала надо бы всё в Вашем редакторе AB-Inspiration подстроить под этот новый редактор, чтобы сайты у нас не слетели, а мы потом, а уж, потом мы-Ваши покупатели немного подкорректировали, применительно к нашим потребностям. Пока, эти новшества Word Press делает на уровне плагина, а к лету Gutenberg будет внедрён, как основа, тогда, всем нам капец! Это-полная революция и старый наш сайт, конечно, слетит. Вряд ли у кого-то неопытных вроде меня, что-то получится с такой реконструкцией. Сейчас, ещё есть возможность использовать классическую версию редактора, но вряд ли эта возможность останется в дальнейшем. Я не любитель никаких новшеств и для меня будет огромной трагедией, если, я всё потеряю . Это моя работа многих лет.

    • Маргарита, не нужно паниковать. Все не так страшно как кажется. С вашим сайтом ничего не произойдет. Он как был так и останется. Более того, вы может после обновления установить специальных плагин (о нем я напишу позже), который вернет вам старый редактор.
      Шаблон реконструировать не нужно. Все ваши старые статьи останутся такими, какими вы их создали. Речь идет о дополнительных плагинах и вставках. Если вы например, пользуетесь каким-то плагином, который вставляет шорткод и он будет не совместим с WP 5.0, то информация выводимая шорткодом может не отобразиться. Или вы делали какие-то вставки кода.
      Все что вам сейчас нужно сделать это проверить основные страницы (об авторе, контакты, отзывы если есть). Проверьте боковую колонку, просто покликайте по кнопкам, убедитесь, что все работает как надо. Откройте одну статью и проверьте кнопки поделиться, форму подписки и комментарии. Это нужно делать иногда и не обязательно перед обновлением. Просто сейчас если вы выявите какие-то недочеты, будет понятно, что они появились до обновления. Если же обнаружится что-то неработающее после обновления, а вы до этого не проверили, то искать причину будет куда сложнее.
      У нас были случаи, когда обращались в техподдержку и заявляли, что после обновления перестало работать то или это. А по факту оказывалось, что обновление вообще не при чем. Но чтобы понять это и найти причину, нужно было потратить кучу времени.
      Еще раз повторю. Ничего с вашим блогом не случится. А если и что-то произойдет во время обновления, всегда есть бекап.

      По поводу редактора. Он прекрасно работает с шаблоном AB-Inspiration. Вам не придется переделывать свои старые статьи. Редактор позволит вам создавать новые статьи и использовать новые возможности редактора. А они, поверьте, замечательные :)

на Блоге
в Фейсбук
в Вконтакте