Как использовать возможности переносимости построителя тем Divi (импорт и экспорт)

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

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

Давайте прыгнем!

Подпишитесь на наш канал Youtube

Как экспортировать все шаблоны сразу

В нашем первом примере предположим, что у вас есть набор шаблонов (включая шаблон веб-сайта по умолчанию), который вы хотите экспортировать. Для этого просто перейдите в панель управления WordPress и перейдите в Divi> Theme Builder. Затем выберите значок переносимости в правом верхнем углу страницы внутри фиолетовой строки меню.

В модальном окне переносимости на вкладке экспорта введите имя файла экспорта. Не снимайте флажок «Экспортировать все шаблоны» и нажмите кнопку «Экспорт».

Теперь файл json со всеми этими шаблонами будет сохранен на вашем компьютере, готовый к импорту обратно на любой сайт Divi.

Как импортировать шаблоны с помощью Divi Theme Builder

Чтобы импортировать шаблоны на ваш сайт, вам понадобится нужный файл для импорта. Этот файл имеет формат json и будет создан после успешного экспорта одного или нескольких шаблонов Theme Builder. Файл json может содержать один или несколько шаблонов (включая шаблон веб-сайта по умолчанию) в одном файле. Поэтому важно дать файлам экспорта имена, чтобы в дальнейшем лучше распознавать содержимое файла json.

Чтобы импортировать файл json с помощью Divi Theme Builder, вы перейдете к тем же параметрам переносимости в построителе тем, щелкнув значок переносимости в правом верхнем углу страницы.

Затем выберите вкладку «Импорт».

Выберите файл на вашем компьютере.

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

После этого нажмите кнопку импорта.

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

Как экспортировать отдельный шаблон

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

После того, как вы щелкните значок экспорта, просто введите имя файла экспорта и нажмите кнопку «Экспорт».

На ваш компьютер будет загружен отдельный файл шаблона json.

Другой способ экспортировать отдельный шаблон - использовать общие параметры переносимости построителя тем.

Для этого щелкните значок переносимости в правом верхнем углу интерфейса конструктора тем.

На вкладке экспорта введите имя файла экспорта.

Затем снимите флажок с опции «Экспортировать все шаблоны». Это приведет к появлению списка доступных шаблонов. Выберите отдельный шаблон из списка и нажмите кнопку «Экспорт».

Ваш файл будет загружен соответственно.

Как экспортировать выбранные шаблоны

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

В модальном окне переносимости дайте файлу экспорта имя, затем снимите флажок «Экспортировать все шаблоны». Это приведет к появлению списка доступных шаблонов. Выберите из списка шаблоны, которые хотите экспортировать, и нажмите кнопку «Экспорт».

Обработка конфликтов импорта с помощью параметров переносимости

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

Например, предположим, что у вас есть шаблон сообщения (шаблон, назначенный «всем сообщениям») уже на вашем веб-сайте. Шаблон включает глобальный заголовок, настраиваемое тело и глобальный нижний колонтитул.

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

Вот где пригодятся эти варианты переносимости.

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

После успешного добавления импорта импортированный шаблон с конфликтующим назначением («Все сообщения») переопределяет существующий шаблон и изменяет существующее назначение шаблона на «неназначенное». И шаблон принимает (или повторно связывается) глобальный верхний и нижний колонтитулы веб-сайта.

Теперь, если мы посетим сообщение на веб-сайте, мы увидим тот же глобальный верхний и нижний колонтитулы, но будет новое пользовательское тело. Это связано с тем, что новый импортированный шаблон теперь назначен «всем сообщениям», но унаследовал глобальный верхний и нижний колонтитулы веб-сайта.

Если мы хотим импортировать новый шаблон сообщения и сохранить его собственный глобальный верхний и нижний колонтитулы после импорта, нам нужно будет убедиться и выбрать опцию «Импортировать их как статические макеты…»

Для этого щелкните значок переносимости в верхней части конструктора тем. В модальном окне переносимости перейдите на вкладку импорта и выберите файл со своего компьютера. Не снимайте флажок «Разрешить импорт для отмены…» и нажмите кнопку «Импорт».

На этот раз вместо «повторного связывания» глобальных областей выберите вариант «Импортировать их как статические макеты…»

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

Если мы посмотрим на сообщение на действующем сайте, используя этот новый импортированный шаблон, мы увидим, что верхний и нижний колонтитулы перенесены как статические макеты. Это означает, что верхний и нижний колонтитулы или видимые (и применимые) к этому индивидуальному шаблону (не глобальному).

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

Теперь вы увидите импортированный шаблон как «неназначенный», поскольку назначение шаблона конфликтует с существующим шаблоном.

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

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

Импортированные макеты становятся статическими макетами без переопределения каких-либо существующих назначений шаблонов.

Как импортировать и переопределить шаблон веб-сайта по умолчанию

Шаблон веб-сайта по умолчанию - это специальный шаблон в конструкторе тем, который управляет глобальными областями вашего веб-сайта.

Шаблон веб-сайта по умолчанию можно экспортировать и импортировать, как и любой другой шаблон. Однако, поскольку на веб-сайте может быть только один шаблон веб-сайта по умолчанию, вам нужно будет выбрать только один. Если вы хотите заменить шаблон веб-сайта по умолчанию новым шаблоном веб-сайта по умолчанию, все, что вам нужно сделать, это импортировать файл, содержащий шаблон веб-сайта по умолчанию, и убедиться, что у вас выбран параметр «переопределить шаблон веб-сайта по умолчанию».

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

Загрузка резервной копии перед импортом

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

Это третий вариант на вкладке импорта.

Последние мысли

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

Каким был ваш опыт импорта и экспорта шаблонов в Divi Theme Builder?

Я с нетерпением жду вашего ответа в комментариях.

Ваше здоровье!