В августе прошлого года наша команда собралась в Копенгагене, чтобы обсудить, как сделать Lndr более ценным и масштабируемым для растущего числа пользователей.
Мы потратили несколько дней на наброски списков функций на чертежных досках и подробно обсудили каждую из них. «Импортер» был одной из самых амбициозных, но очень полезных функций, которые мы придумали.
Наша цель с импортером — дать нашим пользователям возможность импортировать свои собственные дизайны в Lndr. Это работает следующим образом: возьмите любой дизайн HTML, перетащите его внутрь Lndr, и он станет шаблоном, совместимым с Lndr.
Импортированный шаблон появится в пользовательской библиотеке шаблонов и станет мгновенно доступным с теми же возможностями редактирования, что и любой шаблон, созданный командой Lndr.
Мы не знали, как мы собираемся это сделать, мы знали только, что должны сделать это для наших клиентов. С гордостью и без лишних слов я хотел бы показать вам, как это работает.
Готовы начать?
Чтобы упростить задачу, мы создали пустой стартовый шаблон, который вы можете использовать для реализации своего HTML-дизайна. Шаблон предназначен для быстрой отправной точки для внедрения вашего дизайна в Lndr.
Ваш основной файл должен находиться в корневом каталоге вашего шаблона и называться index.html
.
При желании вы можете добавить screenshot.jpg
и favicon.ico
в свой корневой каталог, как показано на изображении выше.
Укажите ваши редактируемые
Следующий шаг — указать атрибуты ваших редактируемых элементов, чтобы Lndr знал, как вы хотите, чтобы они обрабатывались.
Мы написали подробную документацию, чтобы объяснить, как это сделать:
Zip-архив директории с шаблоном
Чтобы загрузить шаблон в Lndr, вы должны сначала создать zip-архив. Убедитесь, что вы удалили все, что не нужно для шаблона.
Если вы используете современные интерфейсные рабочие процессы, убедитесь, что вы удалили свои node_modules
, gulp
, grunt
или webpack
и оставили только основные файлы, необходимые для локального отображения вашего шаблона. Если вы используете git
для управления версиями, обязательно удалите папку .git
.
Теперь вы готовы отправить свою папку в zip-архив, как показано на изображении ниже.
Загрузить
Теперь вы готовы загрузить шаблон в Lndr. Если в вашей учетной записи включена функция импорта, вы должны увидеть значок импорта в правом верхнем углу рядом с вашим именем.
Перетащите zip-архив, чтобы импортировать его в Lndr.
Если все пойдет хорошо, вы увидите свой импортированный дизайн при создании новой целевой страницы.
Мы активно используем и тестируем импортер и заметили несколько ошибок здесь и там. В целом, это значительно ускорило разработку и реализацию нашего шаблона на Lndr!
Чтобы узнать больше об импортере, ознакомьтесь с нашей документацией.