Categories

Landing Page. HTML-шаблоны с Конструктором. Как внести изменения в шаблон и экспортировать содержимое

Ryan DeWitt Март 7, 2016
Rating: 5.0/5. From 2 votes.
Please wait...

Из этого туториала Вы узнаете, как работать с HTML-шаблонами посадочной страницы с Конструктором.

Landing Page. HTML-шаблоны с Конструктором. Как внести изменения в шаблон и экспортировать содержимое
  1. Убедитесь, что Вы загрузили папку «builder» на сервер. Откройте Конструктор, используя ссылку http://yoursite.com/builder (замените yoursite.com на ваше доменное имя). Перейдите в Меню (Menu) и нажмите на соответствующую вкладку. В каждом разделе есть набор элементов:

    Landing Page HTML templates with builder. How to edit template and export content-1
  2. Перетяните элемент в рабочую область. Вы можете добавить несколько элементов, а также посмотреть исходный код отдельного элемента, нажав на кнопку Исходный код (source). Вы можете также сбросить изменения в элементе или удалить его, используя соответствующую кнопку:

    Landing Page HTML templates with builder. How to edit template and export content-2
  3. В Конструкторе есть следующие Режимы конструктора (Building Modes): Элементы (Elements)(в этом режиме Вы можете добавить элементы в рабочую область), Содержимое (Content)(в этом режиме Вы можете внести изменения в содержимое, такое как текст и ссылки), Детали (Details)(в этом режиме, Вы можете изменить стили и значки):

    Landing Page HTML templates with builder. How to edit template and export content-3
  4. Выберите Режим конструктора Содержимое (Content), для того чтобы внести изменения в содержимое вашего сайта. Нажмите на раздел с содержимым. Вы можете внести изменения в текст при помощи визуального редактора. Также, Вы можете указать стили шрифта. Используйте кнопки «Отменить» и «Вернуть», для того чтобы восстановить предыдущее состояние содержимого. Вы можете также работать над содержимым в режиме html:

    Landing Page HTML templates with builder. How to edit template and export content-4
  5. В Редакторе Вы можете также задать ссылки. Выберите текст, к которому Вы хотите добавить ссылку. Добавьте ссылку:

    Landing Page HTML templates with builder. How to edit template and export content-5
  6. Выберите Режим конструктора Детали (Details), для того чтобы внести изменения в ссылки и стили. Давайте изменим ссылку кнопки и её цвет. Нажмите на кнопку. У кнопок, значков и других элементов могут быть доступны разные настройки. В раздел «Стили» можно вносить изменения только для некоторых элементов. Измените фон при наведении курсором мышки и цвет текста. Примените внесённые изменения:

    Landing Page HTML templates with builder. How to edit template and export content-6
  7. Мы изменили цвет фона и текста. Нажмите на вкладку Ссылка (Link). Вы можете выбрать страницу, блок на странице или задать пользовательскую ссылку. Мы задали пользовательскую ссылку. Убедитесь, что Вы применили внесённые изменения:

    Landing Page HTML templates with builder. How to edit template and export content-7
  8. Вы можете также изменить значки в Режиме конструктора Детали (Details). Убедитесь, что Вы выбрали Режим конструктора Детали (Details) и нажмите на значок. Перейдите в раздел Значки (Icons). Выберите значок, который Вы хотите использовать. Примените изменения:

    Landing Page HTML templates with builder. How to edit template and export content-8
  9. Давайте изменим Изображения галереи (Gallery images). Убедитесь, что Вы выбрали Режим конструктора Детали(Details). Нажмите на изображение. Перейдите в раздел Ссылка (link). В данный момент изображение ссылается само на себя. Это обозначает то, что изображение откроется в лайтбоксе:

    Landing Page HTML templates with builder. How to edit template and export content-9
  10. Перейдите в раздел Изображение (Image). Введите путь к новому изображению или загрузите его. Мы загрузим изображение. Примените изменения:

    Landing Page HTML templates with builder. How to edit template and export content-10
  11. Перейдите в раздел ссылка (link). Укажите путь к новому изображению. Вы можете скопировать путь к загруженному изображению в разделе Изображение (Image). Примените изменения:

    Landing Page HTML templates with builder. How to edit template and export content-11
  12. Вы успешно изменили изображение:

    Landing Page HTML templates with builder. How to edit template and export content-12
  13. Сохраните изменения, внесённые в Конструкторе, используя кнопку Сохранить изменения (!) (Save changes):

    Landing Page HTML templates with builder. How to edit template and export content-13
  14. Экспортирование сайта:

    Landing Page HTML templates with builder. How to edit template and export content-14
  15. Заполните форму и нажмите на кнопку Экспортировать сейчас (Export Now):

    Landing Page HTML templates with builder. How to edit template and export content-15
  16. Файл Zip с экспортированным сайтом будет загружен на ваш компьютер. Загрузите файл zip на ваш сервер, используя Файловый менеджер (если он доступен). В качестве альтернативы, Вы можете разархивировать архив и загрузить файлы при помощи FTP. Мы загрузим файлы, используя Файловый менеджер Панели управления хостингом:

    Landing Page HTML templates with builder. How to edit template and export content-16
  17. Проверьте ваш сайт:

    Landing Page HTML templates with builder. How to edit template and export content-17

Вы можете также ознакомиться с детальным видео-туториалом ниже:

Landing Page. HTML-шаблоны с Конструктором. Как внести изменения в шаблон и экспортировать содержимое
Шаблоны для Лендингов
Эта запись была размещена в Landing Page туториалы и помечена как builder, content, edit, export, landing, page. Добавьте в закладки постоянную ссылку.

Submit a ticket

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