Экспорт кода - помощь Webflow
На платных планах Workspace вы можете экспортировать HTML, CSS, JavaScript и ресурсы вашего сайта, чтобы создать резервную копию кода, предоставить его клиенту или разместить где угодно — без необходимости указания авторства.
Как экспортировать ваш код
- Откройте ваш сайт в Webflow
- Перейдите в Главное меню > Экспорт кода (нажмите на логотип "W" в верхнем левом углу, чтобы открыть Главное меню), или нажмите Shift + E
- Нажмите Подготовить ZIP
- Скачайте ZIP файл
Как экспортировать минифицированный HTML
Минификация HTML может помочь улучшить время загрузки страницы, удаляя пробелы, комментарии и другие элементы кода, которые браузерам не нужны для загрузки страницы. Чтобы экспортировать минифицированный HTML:
- Откройте ваш сайт в Webflow
- Перейдите в Главное меню > Экспорт кода (нажмите на логотип "W" в верхнем левом углу), или нажмите Shift + E
- Нажмите Command + O (на Mac) или Control + O (на Windows)
- Установите флажок Минифицировать HTML, который появится в окне экспорта
- Нажмите Подготовить ZIP
- Скачайте ZIP файл
Что включают ваши экспортированные файлы
Загруженный ZIP-файл содержит все страницы вашего сайта, стили, скрипты и изображения:
- Папка CSS со всеми стилями вашего сайта, включенными в 3 файла .css: - CSS-файл (например,
your-site-name.css), который содержит все пользовательские стили вашего сайта -webflow.css, который содержит общие базовые стили для компонентов макета Webflow -normalize.css, который делает отображение всех элементов более согласованным в разных браузерах - Папка JS со всеми JavaScript-файлами для вашего сайта. Элементы и функции, такие как формы, навигационные панели, слайдеры, вкладки и взаимодействия, зависят от этих файлов. Если вы удалите эти файлы, ваша страница может выглядеть правильно, но не будет работать как ожидалось.
- Папка изображений со всеми изображениями, загруженными в панели ресурсов вашего сайта
- .html файлы для всех страниц вашего сайта (включая пустые страницы шаблонов коллекций)
Полезно знать
Если вы хотите увидеть пример кода, который экспортирует Webflow, посмотрите исходный код главной страницы — он полностью создан в Webflow!
Что не включают ваши экспортированные файлы
Следующие функции и контент не включены в экспортированный код и не будут работать как ожидалось на экспортированных сайтах:
- Контент и функциональность CMS (включая элементы коллекций и списки коллекций)
- Контент и функциональность учетных записей пользователей (включая пользователей и группы доступа)
- Контент и функциональность электронной коммерции (включая продукты и оформление заказа)
- Защита сайта и/или страниц паролем
- Обработка отправки форм
- Предварительно существующие отправки форм (могут быть экспортированы отдельно)
- Элементы reCAPTCHA в формах
- Поиск по сайту
- Локализованный контент (включены только страницы, элементы и контент основного языка вашего сайта)
- Компоненты кода
Часто задаваемые вопросы и советы по устранению неполадок
Почему перед именами классов стоит префикс «w-»?
Webflow добавляет префикс «w-» к классам, специфичным для компонентов, чтобы избежать конфликтов с другими фреймворками кода.
Могу ли я выбрать экспорт только части кода моего сайта?
На данный момент вы не можете выбрать, что будет экспортировано. Каждая экспортируемая часть вашего сайта будет включена в каждый экспорт.
Могу ли я редактировать код после его экспорта?
Вы можете редактировать код после экспорта. Ручные изменения в экспортированных файлах могут нарушить работу некоторых компонентов Webflow.
Могу ли я удалить расширения .html из URL моих экспортированных страниц?
Если вы хотите удалить расширения .html из ваших экспортированных страниц, вы можете сделать это с помощью файла .htaccess.
Нужно ли мне указывать авторство Webflow, если я размещаю свой сайт на внешнем сервере?
Нет, вам не нужно указывать авторство Webflow или поддерживать план Webflow, чтобы ваш экспортированный сайт работал на вашем собственном сервере.
Включает ли экспортированный код мой контент CMS, членства и электронной коммерции?
Нет. Контент CMS, учетные записи пользователей и контент электронной коммерции (базы данных) не включены в экспортированный код. Списки коллекций будут показывать пустое состояние.
Включает ли экспортированный код мои локализованные страницы, элементы и контент?
Нет. Локализованные страницы, элементы и контент не включены в экспортированный код. Экспортированный код включает только основной язык.
Будут ли страницы, защищенные паролем, по-прежнему защищены после экспорта моего кода?
Нет. Любые страницы вашего сайта, защищенные паролем, не будут защищены после экспорта кода. Ваш сайт должен быть размещен на Webflow, чтобы защита паролем работала как ожидается.
Будут ли все элементы работать на моем сайте, если я размещу код в другом месте?
CMS, учетные записи пользователей, контент и функциональность электронной коммерции, а также локализованные страницы, элементы и контент не включены в экспортированный код. Эти функции требуют хостинга для корректной работы. Кроме того, поиск по сайту и формы (включая загрузку файлов и reCAPTCHA) не будут работать на экспортированных сайтах для соблюдения GDPR.
Почему мои анимации Lottie не работают локально, когда я экспортирую свой сайт?
По соображениям безопасности файлы Lottie JSON не загружаются из вашей локальной файловой системы, поэтому анимации Lottie не отображаются при локальной загрузке сайта — для их корректной работы требуется веб-сервер.