Gutenberg скоро появится в WordPress. Ваш Веб-сайт он готов? Хотя мы до сих пор точно не знаем, какую форму она примет, эта новая система контента будет добавлена в WordPress в будущем. Давайте взглянем на потенциальные последствия, которые это может оказать на ваш сайт, а также способы выявления и устранения проблемных областей заранее.
Что такое Гутенберг?
Gutenberg — это проект WordPress, целью которого является предоставление пользователям большей гибкости при разработке своего контента. По сути, проект направлен на замену текущего редактора, который функционирует в основном как текстовый процессор, более наглядным и структурированным интерфейсом. В настоящее время Gutenberg представляет собой плагин, который дает пользователям возможность редактировать свой контент так же, как Визуальный Композитор или другие редакторы перетаскивания (Drag & Drop), но упрощенным и очень интуитивно понятным способом.
Чтобы узнать больше о Гутенберге, нажмите здесь.
Части вашего сайта
Gutenberg — крупная компания, и, скорее всего, она затронет множество конечных точек в вашей Веб-сайт. Вот три области, которые мы рассмотрим на предмет потенциальных проблем:
- Ваша тема: У Gutenberg есть собственный набор стилей для контента. Ваша тема совместима? Как будет выглядеть Гутенберг в активном состоянии?
- Ваши плагины: Возможно, Гутенберг может неожиданным образом взаимодействовать с другими вашими плагинами. Мы посмотрим, что это может быть и что делать, чтобы исправить любые возникающие проблемы.
- Ваше содержание: Гутенберг повлияет на способ отображения вашего контента. Мы рассмотрим, как это может изменить внешний вид ваших страниц, и рассмотрим некоторые возможные решения, если у вас возникнут проблемы.
Создание тестовой зоны
Прежде чем начать, рекомендуется создать тестовую область, где вы можете поэкспериментировать с Gutenberg, не подвергая риску свой основной сайт. В идеале вы должны создать свою собственную тестовую область или создать локальную копию своего сайта. Для получения дополнительной информации о том, как выполнить любую из этих задач, см. Следующий учебник: Как установить WordPress локально.
Если это невозможно, вы можете провести тесты прямо на своем сайте. Учтите, что это может быть рискованно, так как мы активируем и деактивируем некоторые части вашего сайта. Если вы выполняете живое тестирование, обязательно создайте резервную копию своего сайта перед тем, как начать.
Как только вы узнаете, где собираетесь тестировать, перейдите в каталог плагинов и найдите Gutenberg. Как только он будет установлен и активирован, читайте дальше.
Протестируйте свою тему
Теперь, когда у вас установлен Gutenberg, давайте взглянем на первый раздел вашего сайта, который может быть затронут: ваша тема. Если на этом этапе уже есть серьезные проблемы, такие как ошибки базы данных или проблемы с панелью управления WordPress, перейдите к разделу Что делать, когда проблем слишком много.
Поскольку Гутенберг в первую очередь взаимодействует с контентом сайта, этого достаточно, чтобы протестировать несколько вещей - к счастью для нас.
Во-первых, у Gutenberg есть собственная таблица стилей и набор стилей. Проверьте каждый из различных типов страниц и шаблонов, используемых на вашем сайте, чтобы убедиться, что они по-прежнему отображаются правильно. Основная цель здесь - сосредоточиться на элементах в основной области содержимого ваших страниц, особенно на блоках содержимого и изображений. Если вы видите какие-либо проблемы, скорее всего, стили Гутенберга имеют приоритет над стилями на вашем сайте.
Чтобы исправить это, вам необходимо определить источник проблемы. Обычно это будет селектор CSS, ориентированный на элемент HTML или приоритет стилей Гутенберга над вашими собственными классами. В любом случае попытайтесь определить, где возникает ошибка. Затем выясните, почему стили Гутенберга преобладают над вашими, и исправьте свой код, чтобы он имел приоритет.
Попробуй внести исправления в свою тему (или еще лучше, в дочерней теме или области, указанной для CSS в вашей теме), а не модифицировать Гутенберга. Если вы напрямую редактируете любой из файлов в Gutenberg, он, вероятно, будет перезаписан при обновлении плагина.
Точно так же вы захотите раз и навсегда запустить одни и те же тесты на своей панели инструментов. Параметры темы и другие настраиваемые разделы, созданные вашей темой, кажутся самыми большими виновниками. Как только вы выявили проблемы со стилем в этих областях, вы обычно можете исправить их, изменив или создав дочернюю тему и настроив там CSS.
Работают ли ваши плагины?
После тестирования вашей темы плагины для вашего сайта будут следующими. В частности, обратите внимание на плагины, которые предоставляют короткие коды, которые вы используете в своем контенте (например, Gravity Forms), плагины, которые влияют на внешний вид вашего контента (например, плагины специальных возможностей, влияющие на размер текста) и плагины, которые напрямую вставляют элементы на вашу страницу (например, Advanced Custom Fields).
Исследуйте короткие коды
Чтобы проверить эту область, начните со сбора списка всех используемых вами шорткодов, а также страниц, на которых они существуют. Имея в руках свой список, посетите каждую из этих страниц, чтобы убедиться, что они работают должным образом. Если у вас возникли проблемы со стилем, скорее всего, вы столкнулись с той же проблемой, что и раньше, и вам нужно скорректировать стили.
Однако, если отображается шорткод, а не ожидаемый контент (например, ваша страница отображает [shortcode]вместо того, чтобы поступать правильно) есть другое решение. В этом случае вы можете посмотреть на блок, в котором расположен шорткод, и убедиться, что он не считается текстом (найти и удалить ненужные метки вокруг шорткода). Если проблема не исчезнет, перемещение шорткода на более подходящий тип блока должно перезапустить все.
Внешний вид контента
Эта проблема проистекает из той же проблемы, которую мы уже рассмотрели: замены стилей. Определите затронутые элементы и исправьте CSS.
Создание элемента
Последняя область, которую мы рассмотрим в отношении конфликтующих проблем, - это создание элементов. Любой плагин, который вставляет HTML-элементы на страницу без использования шорткодов, здесь подозревается, например, когда PHP извлекает настраиваемые поля из плагина Advanced Custom Fields.
Самый распространенный промах при создании элементов вращается вокруг несовместимых блоков. Поскольку Gutenberg предоставляет свои собственные стили, возможно, что если ваши элементы созданы внутри непреднамеренного блока, они могут отображаться некорректно. Чтобы исправить это, убедитесь, что ваш код добавляет элементы в блок, где вы хотите, чтобы они были.
Ваш контент отображается как необходимый?
Это не так срочно, как другие проблемы, которые мы обсуждали, но могут возникнуть некоторые сложности с отображением вашего контента. Большинство этих проблем возникнет из-за незначительных изменений стиля илиорганизация блоки. Чтобы исправить это, вам придется поиграть с системой блокировки, пока вы не получите свою страницу так, как хотите.
Что делать, когда проблем слишком много
Вы столкнулись с проблемой, которую не смогли решить с помощью предложений в этом руководстве? Не паникуйте ! Еще есть время, прежде чем Gutenberg будет интегрирован в ядро WordPress.
Сначала запишите, в чем ошибка и какие шаги привели к ошибке. Чем больше информации вы сможете собрать, тем лучше. Передайте всю эту информацию команде Гутенберга. Если повезет, они смогут определить проблему и исправить ее в следующем выпуске.
Если вы работали над промежуточным сайтом, на данный момент это все, что вы можете сделать. Продолжайте проверять примечания к выпуску, чтобы увидеть, решена ли ваша проблема, или, возможно, поработайте над ее устранением.
Если вы работали над своим живым сайтом, отключение Гутенберга должно вернуть все в норму. Если нет, то пора вернуться к той резервной копии, которую вы сделали в начале обучения!
Удачи вам в установке!
Гутенберг нацелен на радикальный сдвиг в среде WordPress, который стремится изменить контент к лучшему. Прежде чем он попадет в основную ветку, убедитесь, что ваш сайт будет работать с новыми изменениями. Если у вас есть какие-либо проблемы, отличные от перечисленных здесь, лучшие решения или исправления для чего-либо в этом руководстве, пожалуйста, оставьте комментарий ниже.
