Посмотрите видео с наглядным примером настройки темы дизайна Твой Лендинг:
Пошаговая инструкция по установке и настройке темы Твой Лендинг:
1) Установка шаблона Твой Лендинг на вашем сайте
- Вы используете бесплатный фрейворк Webasyst купили и установили через инсталлер шаблон Твой Лендинг
- Перейдите в админку вашего сайта http://ваш_сайт.ру/webasyst
- В верхнем меню выберите приложение с иконкой Сайт
- В левом меню выберите пункт Структура
- В появившемся окне выберите пункт с иконкой Сайт
- В появившемся окне в полях Тема оформления и Мобильная тема оформления, выберите шаблон Твой Лендинг, далее в нижней части страницы нажмите кнопку Сохранить
- Поздравляем, шаблон Твой Лендинг установлен на вашем сайте и готов к использованию, далее необходимо произвести его настройку.
- Перейдите в админку вашего сайта http://ваш_сайт.ру/webasyst
- В верхнем меню выберите приложение с иконкой Сайт
- В левом меню выберите пункт Дизайн
- В появившемся окне должна быть выбрана тема Твой Лендинг (если нет, значит шаблон не выбран как основной для сайта см. пункт 1), чуть ниже нажмите ссылку с иконкой Настройка темы
- Перед вами экран с настройками темы Твой Лендинг. Далее необходимо изменить контент на свой.
- Вы находитесь в разделе Настройка темы, ниже находится информация, которую необходимо поменять на вашу.
- Тип Меню - Этот параметр отвечает за тип меню в шапке сайта. Вы можете выбрать тип Одностраничник, для использования сайта в режиме landing page, в этом случае навигация осуществляется в пределах страницы, вы можете самостоятельно редактировать код меню, и допустим добавить телефонный номер. В режиме Динамическое - Сайт, меню генерируется автоматически используя страницы созданные вами для приложения Сайт.
- Код для типа меню Одностраничник - Если выбран тип меню Одностраничник, здесь находится код для его отображения, вы можете его изменить, не забудьте изменить номер телефона в этом блоке на ваш.
- Цвет фона меню и Цвет ссылок в меню - Отвечают за цвет верхнего меню. Вы можете задать цвет как в HEX режиме, например #39454b так и в режиме RGB с прозрачностью например rgba(255,255,255,0.95), где первые три цифры отвечают за цвета RGB а последняя цифра 0.95 это прозрачность. Вы можете экспериментировать с цветом меню.
- Город, Адрес, Телефонный номер - Замените на свои данные, необходимо для микроразметки Яндекса и для контакта с вами. Карта проезда - Ссылка на карту проезда до вас, используется в блоке контактов при клике на иконку рядом с адресом.
- Содержимое блока INTRO - Здесь находится контент из блока Intro, который отображается первым при открытии сайта. Сюда можно вставлять свой контент, изображения, видео и прочее. Также в любом месте сайта вы можете использовать иконки из коллекции Font Awesome.
Используйте код <i class="fa fa-rocket"></i>, где вместо fa-rocket используется название нужной вам иконки.
Адрес картинки для фона блока INTRO - Ссылка на фоновую картинку для блока INTRO, вы можете использовать любую картинку просто вставив ее URL в это поле. - Содержимое блока ONE, Содержимое блока Two, а также фоновые картинки для этих блоков заполняются по аналогии с блоком INTRO, с разницей в том, что информация в этих блоках отображается на белой подложке.
- Содержимое блока Портфолио - В этом блоке можно изменить заголовок, описание и добавить картинки с описанием, поставив URL своей картинки для миниатюры и для большего изображения и изменив текст описания.
- Содержимое нижнего блока - Содержимое этого блока отображается под адресными данными перед формой отправки контактных данных.
В этом блоке, лучше всего разместить уникальное торговое предложение с ограниченным сроком действия, призыв к совершению действия и перечисление бонусов, которые человек получит оставив заявку прямо сейчас. - Ссылки на соц. сервисы - Добавьте ссылки на вашу группу или сообщество в социальных сетях, заменив # с нужным соц. сервисом на соответствующий URL.
Удалите строчки с социальными сервисами, которые вы не используете.
При возникновении ошибки 404, нужно сделать следующее:
В разделе Страницы Сайта добавьте одну страницу в качестве главной (не указывайте/сотрите предлагаемый адрес), тогда она будет выводиться и не будет 404-й ошибки. Название страницы будет использоваться как title сайта.