Справочный центр
Импорт
из HTML-файла
из HTML-файла
Импортируйте HTML-код или готовый HTML-файл в Zero Block, чтобы быстро перенести существующий дизайн и продолжить редактировать его на Тильде. В инструкции рассказываем, как перенести страницу, отдельную секцию или элемент и настроить параметры импорта.
Функция доступна только пользователям, у которых в «Профиле» включена опция «Участвовать в тестировании новых функций».
Как импортировать страницу из HTML-файла
Чтобы импортировать HTML-файл в Zero Block, откройте блок и нажмите на три точки в верхнем меню.
В контекстном меню выберите «Импорт из HTML».
Добавьте HTML-код в окно импорта или загрузите файл.
Важно: CSS-стили должны быть прописаны внутри HTML-файла. Загрузить отдельный CSS-файл не получится.
Важно: импорт из HTML не поддерживает JavaScript. Если на странице нужен JavaScript-код, добавьте его отдельно через блок T123. Подробнее о работе с блоком читайте в отдельной инструкции.
Важно: не импортируйте контейнеры с бесконечной прокруткой и автоматической дозагрузкой элементов.
Нажмите «Подготовить к импорту».
После подготовки откроется окно настроек. Проверьте параметры и нажмите «Импортировать».
Готово. HTML-код и CSS-стили будут преобразованы в элементы Zero Block.
Ниже показан пример импортированного HTML-кода в Zero Block после публикации.
Как импортировать отдельный элемент или секцию
Чтобы импортировать только отдельный элемент или секцию, нажмите «Выбрать», зажмите клавишу Shift и выделите нужный контент. Затем нажмите «Импортировать».
В Zero Block будет перенесен только выбранный объект или секция.
Как настроить импорт из HTML
В окне импорта можно выбрать способ переноса, настроить брейкпоинты и уменьшить вложенность групп.
Способы импорта
HTML-код можно импортировать одним из трех способов:
Применить настройки к артборду. Вместе с элементами будут перенесены настройки артборда.
Ниже показан пример импорта HTML-кода с применением настроек к артборду.
Ниже показан пример импорта HTML-кода с применением настроек к артборду.
Добавить как группу. Импортированный контент будет добавлен в Zero Block как отдельная группа, а уже существующие элементы сохранятся.
Важно: этот вариант подходит, если нужно добавить отдельный элемент или секцию к уже существующему контенту в Zero Block.
Добавить как группу и заменить текущий контент. Импортированные элементы будут добавлены в блок, а ранее созданный контент удалится.
Настройка брейкпоинтов
По умолчанию импортированный контент будет использовать брейкпоинты, которые уже настроены в Zero Block.
В окне импорта можно добавить свои брейкпоинты, использовать значения из импортируемого файла или вернуть настройки по умолчанию.
В окне импорта можно добавить свои брейкпоинты, использовать значения из импортируемого файла или вернуть настройки по умолчанию.
В соседнем поле можно выбрать брейкпоинт и посмотреть, как импортированная страница будет отображаться на экране соответствующего разрешения.
Вложенность групп
По умолчанию элементы внутри групп импортируются вместе с этими группами.
Чтобы уменьшить количество вложенных групп, включите опцию «Уменьшить вложенность групп». В этом случае структура станет проще: часть групп будет удалена, а некоторые элементы будут перенесены как отдельные слои.
Чтобы уменьшить количество вложенных групп, включите опцию «Уменьшить вложенность групп». В этом случае структура станет проще: часть групп будет удалена, а некоторые элементы будут перенесены как отдельные слои.
Важно: для более корректного переноса и уменьшения количества лишних групп рекомендуем включить эту опцию.
В Zero Block есть ограничение на количество вложенных групп. Если вложенность превышает лимит, при импорте могут возникнуть ошибки.
В Zero Block есть ограничение на количество вложенных групп. Если вложенность превышает лимит, при импорте могут возникнуть ошибки.
Опция «Уменьшить вложенность групп» сокращает вложенность до трех уровней.
Другие способы импорта
