Tilda Zero Block: как настроить свой сайт

Платформы для создания веб-сайтов стали популярными как для функционального корпоративного сайта, так и для целевой страницы специальных мероприятий. Создать веб-сайт, используя готовые шаблоны и виджеты, довольно просто. Тем не менее, простота может ввести в заблуждение. Часто компании разочаровываются в результате, когда их сайт выглядит как клон многих других сайтов в Интернете.

Один из конструкторов сайтов, который мы советуем, - Tilda. Это редактор визуального дизайна веб-сайтов, использующий обширную коллекцию строительных «блоков», собранных и протестированных, для того, чтобы отлично выглядеть на любой платформе и любом разрешении. Если запаса «блочных» шаблонов недостаточно, вы можете использовать «Tilda Zero Block» для создания индивидуального и уникального визуального дизайна элементов сайта.

Мы описываем несколько важных советов по работе в редакторе Zero Block. 1. Поместите текстовое поле и изображения в любую часть макета. Думайте об этом как о белом листе бумаги, на котором вы можете нарисовать все на свой вкус.

2. Загрузите картинки и создайте основные геометрические фигуры. Перемещайте, изменяйте размер, копируйте свои объекты.

3. Настройте текстовые элементы и их выравнивание, цвет, шрифт, размер шрифта, жирность текста, межстрочный интервал.

4. Любой Zero Block может поддерживать базовую анимацию и видео.

5. Преобразуйте некоторые блоки Тильды в Zero, войдя в настройки блока и нажав кнопку «Преобразовать в нулевой/Zero блок». При конвертации пропадают все предустановленные функции и анимация.

6. Правило большого пальца: больше настроек - больше работы по адаптации к различным устройствам вам придется сделать позже. Помимо основного экрана рабочего стола, доступны четыре макета для мобильных устройств.

7. Вам не нужно удалять блоки, которые вам больше не нужны. Их можно спрятать и снова сделать видимыми.

8. Максимальная высота Zero блока - 4000 пикселей. Если длина прокрутки вашей страницы больше указанной, вы можете расширить ее с помощью нового блока внизу.

1. Для того, чтобы скопировать существующий элемент, щелкните элемент и перетащите его в целевое место на странице, удерживая нажатой клавишу Alt. Мы не рекомендуем использовать стандартное копирование и вставку с помощью ctrl + c / ctrl + v, чтобы скопированные элементы не помещались поверх оригинала. Для того, чтобы переставить каждый скопированный элемент, потребуется дополнительная работа.
   
   
2. Не добавляйте лишние пробелы и не используйте Enter для переноса текста на следующую строку, если только это не начало нового абзаца. В мобильных версиях с переносом текста появляются лишние строчные пробелы.
   
   
3. У вас есть два варианта для того, чтобы внешний вид одного и того же блока отличался в веб версии и на мобильном устройстве. Создайте отдельный блок и укажите, что он будет отображаться только в мобильном разрешении (от 0 до 980 пикселей). Кроме того, вы можете удалить избыточные элементы или изображения, переместив их из области отображения блока в серую зону. Они не будут отображаться на мобильных устройствах.
   
   
4. Стандартные блоки Tilda уже имеют всю разметку и код для поддержки адаптивных интерактивных элементов. Вы можете дополнительно улучшить элементы Zero блока, реализовав код JavaScript, но для этого потребуются некоторые базовые навыки программирования или поиск подходящего скрипта в Интернете.

Недавние публикации