Создаем первую свою страницу! Возможно выбрать из предложенных шаблонов или создать свою.
Справочный центр
Много полезной информации по возникающим вопросам можно получить в Справочном центре TILDA (вверху на панели): https://help-ru.tilda.cc/
МЕНЮ СЛЕВА: Номер шаблона - нажатие стрелки вниз даёт возможность сохранить ваш текст/картинки, но изменить сам шаблон (выбрать: Сохранить контент при переключении). Если же данную функцию переключения не используем, то выбирается пустой шаблон (внесенные фото и текст слетают). НАСТРОЙКИ - все технические настройки блока (изменение размера шрифта, выравнивание, отступы, адаптация под разные устройства и др.) КОНТЕНТ - дает возможность редактировать текст, фото или видео. МЕНЮ СПРАВА: Копировать блок Удалить блок (Корзина) - вернуть блок возможно, если только удалили и сразу же нажали на кнопку Отменить. Скрыть блок Стрелочка вниз (Вырезать, Копировать, Вставить, Выделить) Переместить блок вверх/вниз
Выбираем: Пустой - все блоки. Слева в меню или на панели выбираем требуемых блок. Все блоки являются стандартными, кроме Zero (индивидуальная разработка). Добавление блока на странице осуществляется нажатием на +.
1. Через + (создать блок) 2. В самом вверху "Библиотека блоков"
1. Открыть требуемый блок страницы; 2. Настройки - в самом низу Block ID: #rec307977461
Шрифт можно скорректировать если щелкнуть мышью по слову 2 раза и вверху появится панель настроек. Предпросмотр всего сайта: как будет выглядеть на всех устройствах. Внизу будет кнопка: Вернуться к редактированию.
Все внесенные действия на сайте автоматически сохраняются. Опубликовать! Готово!
Горячие клавиши
ПРИБЛИЗИТЬ: CTRL + колесиком наверх ОТДАЛИТЬ: CTRL + колесиком вниз КОПИРОВАТЬ: CTRL + С ВСТАВИТЬ: CTRL + V ОТМЕНА: CTRL + Z
Практическое занятие
Разбор стандартных блоков
Разбор |
Добавляем блок: Другое - Т635
1) Укажите id блока, в который хотите добавить эффект. Id можно получить так: зайдите в настройки блока и прокрутите вниз — там увидите id вида #12321321
2) Напишите в блоке Т635 в полях "текст 1 - 5 " фразы или слова, которые должны печататься. Максимальная длина фразы — 80 символов. В настройках задайте цвет.
3) Поставьте символ "I" в блоке, в котором будет работать эффект. Этот символ даст понять скрипту, в каком месте заголовка нужно подставлять и печатать ваши слова.
В настройках можно применить ко всей странице (применится для всех блоков "Обложка") либо в контенте выбрать требуемый блок/блоки, где будет показываться (указывать через запятую).
Адаптация на стандартных блоках проходит автоматически. Для того, чтобы посмотреть как версия сайта будет выглядеть на разных устройствах: 1. Предпросмотр - рядом с кнопкой "Вернуться к редактированию" имеются иконки разных устройств. Отображение не всегда корректны. 2. Браузер Chrom - открыть сайт на платформе Tilda - Опубликовать - п.к.м. - Посмотреть код. Если какой-то блок адаптировался некорректно, то делаем копию блока. В первом блоке (для компьютера): в настройках меняем диапазон свыше 980 пикселей. На втором блоке (для мобильных): диапазон видимости от 0 до 980 пикселей. Также уменьшить отступы. Меняем фото для мобильной версии.
Предпросмотр сайта в браузере Chrome для разных устройств
Страница 404 — это автоматическая страница, которая открывается, если запрашиваемый сайт невозможно найти.
ЧТО НЕОБХОДИМО СДЕЛАТЬ: 1. Создать новую страницу (не задавайте адрес самой страницы "404" — будет ошибка Тильды); 2. Добавить любой текст с сообщением, что такой страницы больше не существует; 3. Добавить кнопку возврата на Главную страницу сайта; 4. Опубликовать; 5. Настройки сайта > Еще > 404 страница. Чтобы страница 404 заработала, вам нужно переопубликовать все страницы сайта.
Страница "СПАСИБО" — это автоматическая страница, которая открывается у посетителя после отправки своих данных в форме обратной связи. ЧТО НЕОБХОДИМО СДЕЛАТЬ: 1. Создать новую страницу со своим дизайном. 2. В блоке "Форма и кнопки" указать номер страницы "Спасибо" в Контенте - АДРЕС СТРАНИЦЫ В СЛУЧАЕ УСПЕХА.
Можете добавить на страницу всплывающие окна (pop-up), которые будут появляться в зависимости от поведения пользователя: при клике на ссылку, при скролле (Другое - блок Т183), по времени ( Другое - блок Т188) или при закрытии страницы (Другое - блок Т723).
Как подключить:
1. Выбрать требуемый блок (Форма и кнопки - например BF501, BF502N, BF503, BF504). 2. Из выбранного блока POP-UP из контента скопировать #popup:primer (после двоеточия можно задать свое имя на латинице) и вставить где должно появляться. 3. Опубликовать.