- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
Landing Page. HTML-шаблоны с Конструктором. Как внести изменения в шаблон и экспортировать содержимое
Март 7, 2016
Из этого туториала Вы узнаете, как работать с HTML-шаблонами посадочной страницы с Конструктором.
Landing Page. HTML-шаблоны с Конструктором. Как внести изменения в шаблон и экспортировать содержимое-
Убедитесь, что Вы загрузили папку «builder» на сервер. Откройте Конструктор, используя ссылку http://yoursite.com/builder (замените yoursite.com на ваше доменное имя). Перейдите в Меню (Menu) и нажмите на соответствующую вкладку. В каждом разделе есть набор элементов:
-
Перетяните элемент в рабочую область. Вы можете добавить несколько элементов, а также посмотреть исходный код отдельного элемента, нажав на кнопку Исходный код (source). Вы можете также сбросить изменения в элементе или удалить его, используя соответствующую кнопку:
-
В Конструкторе есть следующие Режимы конструктора (Building Modes): Элементы (Elements)(в этом режиме Вы можете добавить элементы в рабочую область), Содержимое (Content)(в этом режиме Вы можете внести изменения в содержимое, такое как текст и ссылки), Детали (Details)(в этом режиме, Вы можете изменить стили и значки):
-
Выберите Режим конструктора Содержимое (Content), для того чтобы внести изменения в содержимое вашего сайта. Нажмите на раздел с содержимым. Вы можете внести изменения в текст при помощи визуального редактора. Также, Вы можете указать стили шрифта. Используйте кнопки «Отменить» и «Вернуть», для того чтобы восстановить предыдущее состояние содержимого. Вы можете также работать над содержимым в режиме html:
-
В Редакторе Вы можете также задать ссылки. Выберите текст, к которому Вы хотите добавить ссылку. Добавьте ссылку:
-
Выберите Режим конструктора Детали (Details), для того чтобы внести изменения в ссылки и стили. Давайте изменим ссылку кнопки и её цвет. Нажмите на кнопку. У кнопок, значков и других элементов могут быть доступны разные настройки. В раздел «Стили» можно вносить изменения только для некоторых элементов. Измените фон при наведении курсором мышки и цвет текста. Примените внесённые изменения:
-
Мы изменили цвет фона и текста. Нажмите на вкладку Ссылка (Link). Вы можете выбрать страницу, блок на странице или задать пользовательскую ссылку. Мы задали пользовательскую ссылку. Убедитесь, что Вы применили внесённые изменения:
-
Вы можете также изменить значки в Режиме конструктора Детали (Details). Убедитесь, что Вы выбрали Режим конструктора Детали (Details) и нажмите на значок. Перейдите в раздел Значки (Icons). Выберите значок, который Вы хотите использовать. Примените изменения:
-
Давайте изменим Изображения галереи (Gallery images). Убедитесь, что Вы выбрали Режим конструктора Детали(Details). Нажмите на изображение. Перейдите в раздел Ссылка (link). В данный момент изображение ссылается само на себя. Это обозначает то, что изображение откроется в лайтбоксе:
-
Перейдите в раздел Изображение (Image). Введите путь к новому изображению или загрузите его. Мы загрузим изображение. Примените изменения:
-
Перейдите в раздел ссылка (link). Укажите путь к новому изображению. Вы можете скопировать путь к загруженному изображению в разделе Изображение (Image). Примените изменения:
-
Вы успешно изменили изображение:
-
Сохраните изменения, внесённые в Конструкторе, используя кнопку Сохранить изменения (!) (Save changes):
-
Экспортирование сайта:
-
Заполните форму и нажмите на кнопку Экспортировать сейчас (Export Now):
-
Файл Zip с экспортированным сайтом будет загружен на ваш компьютер. Загрузите файл zip на ваш сервер, используя Файловый менеджер (если он доступен). В качестве альтернативы, Вы можете разархивировать архив и загрузить файлы при помощи FTP. Мы загрузим файлы, используя Файловый менеджер Панели управления хостингом:
-
Проверьте ваш сайт:
Вы можете также ознакомиться с детальным видео-туториалом ниже:
Landing Page. HTML-шаблоны с Конструктором. Как внести изменения в шаблон и экспортировать содержимое