Divi 5 прощается с шорткодами. Вот почему это важно

Divi уже давно считается одной из самых мощных и универсальных тем WordPress. С выпуском Divi 5 мы встряхнули ситуацию. В предыдущих версиях Divi короткие коды — небольшие фрагменты кода — выступали в качестве заполнителей для модулей дизайна Divi, позволяя Visual Builder создавать сложные макеты и стили с помощью серверных команд.

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

Узнайте больше об общедоступной альфа-версии Divi 5 и о том, как ее загрузить.

Скачать публичную альфа-версию Divi 5

Что такое короткие коды?

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

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

Как Divi использовала шорткоды в прошлом

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

Например, когда пользователь добавляет кнопку в Visual Builder, Divi незаметно вставляет для этой кнопки короткий код, который определяет все ее свойства, такие как цвет, размер, радиус границы и т. д. Это позволяет людям создавайте невероятные макеты, но за кулисами Divi использует шорткоды для определения и рендеринга каждого элемента.

Если вы когда-либо отключали Divi и посещали страницу, созданную с помощью Divi Builder, вы наверняка видели эти шорткоды ниже.

Почему мы отказались от шорткодов в Divi 5

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

Улучшенная производительность

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

Улучшенная универсальность

Вторая причина – универсальность . Шорткоды не рассматривались как часть сложной вложенной системы дизайна. Divi 4 пришлось пройти через все препятствия, чтобы избежать проблем при вложении модулей в столбцы в строки в разделы, а добавление большей вложенности, например столбцов в столбцы, открывает совершенно новую банку червей. Divi 5 решает эту проблему благодаря новому формату хранения, позволяющему создавать бесконечно вложенные элементы.

Улучшенная стабильность

Третья причина – стабильность . Как API, шоркоды имеют ограничения. То, как скобки и атрибуты используются для хранения сложных данных, означает, что один символ румян может привести к сбою всей системы. В Divi 5 будет меньше ошибок, потому что меньше вещей может пойти не так.

Улучшенная кросс-совместимость

Четвертая причина — перекрестная совместимость . Новый формат хранения Divi 5 имитирует собственные блоки WordPress, что упрощает взаимодействие Divi и Gutenberg друг с другом.

Это было огромное изменение. Нам пришлось начать все сначала! Но это невероятно важно для долгосрочной жизнеспособности Divi.

Переход к блочной системе визуального построения

Признавая необходимость более современного подхода, Divi 5 отошла от шорткодов в пользу блочного подхода, соответствующего будущему WordPress. Вместо того, чтобы полагаться на шорткоды, Divi 5 имитирует блочную архитектуру WordPress. Удаление шорткодов в Divi 5 — это часть более масштабной программы, направленной на то, чтобы сделать Divi быстрее, гибче и проще в использовании. Устранив старую структуру, Divi 5 обеспечивает значительное улучшение производительности.

С точки зрения гибкости, Divi 5 обеспечивает более динамичные и масштабируемые возможности создания сайтов. Эту современную новую платформу можно легко расширить и интегрировать с более сложными функциями, что невозможно с помощью платформы Divi 4 на основе шорткода.

Как это повлияет на существующие сайты Divi?

Самый актуальный вопрос для многих давних пользователей Divi — что произойдет с их существующими веб-сайтами, созданными с помощью Divi 4. К счастью, мы это запланировали. Хотя Divi 5 устраняет короткие коды в новых сборках сайтов, существующие сайты не будут затронуты.

Divi 5 поставляется с инструментом миграции, который преобразует все ваши короткие коды Divi 5 в блоки Divi 5. Это так же просто, как нажать кнопку!

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

Divi 5: быстрее, чище и гибче

Удаление платформы Divi 4, основанной на шорткодах, является значительным шагом вперед.

Хотите ощутить разницу самостоятельно? Сейчас идеальное время, чтобы протестировать Divi 5 Alpha и ознакомиться с его крупнейшими изменениями. Помогите нам найти ошибки и сделать финальную версию Divi 5 еще лучше.

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