Быстрый старт

Как создать сайт в Taptop?

17min

Чтобы создать сайт в Taptop:

Вы можете создать проект полностью самостоятельно или воспользоваться готовым шаблоном.

Как добавить новый проект? 

Чтобы создать новый сайт, добавьте проект на Панель управления (Dashboard). Для этого нажмите кнопку «Новый проект» в правом верхнем углу. 

Document image


Все изменения в проекте вносятся через редактор дизайна. Чтобы перейти в этот раздел, наведите курсор на середину созданного проекта и нажмите на кнопку «Редактор дизайна». 

Document image


Как собрать сайт? Редактор дизайна (Design Editor)

Собирайте сайт в Редакторе дизайна, добавляя на Холст необходимые элементы и устанавливая им стили и дополнительные настройки. 

Document image


Базовые блоки

Для создания структуры и удобного расположения элементов на сайте используйте базовые структурные блоки сайта из раздела Layout:

Document image


Нажмите кнопку + на левой панели > В раскрывшейся панели Элементы (Elements) найдите нужный элемент и добавьте его, кликнув по нему или перетащив его на Холст.

Document image

Document image


Элементы и виджеты

Добавьте в базовый блок необходимые элементы или виджеты.

Вы можете выбрать:

  • элементы для размещения текста (текст, текстовая ссылка);
  • элементы для медиа;
  • виджеты (список, блоклист, меню, формы и другие).

Подробнее про элементы и виджете читайте по ссылке.

Любой элемент добавляется на Холст следующим образом:

  1. Нажмите кнопку + на левой панели;
  2. В раскрывшейся панели Элементы (Elements) найдите нужный элемент и добавьте его, кликнув по нему или перетащив его на Холст в базовый блок 
Document image


Стилизация сайта

Для каждого элемента можно настроить визуальное отображение — стиль. Для этого выберите элемент (на Холсте или на вкладке Слои левой панели).

Document image


Установите для выбранного элемента стили на вкладке Стили (Styles) правой панели.

Document image


Как предварительно посмотреть результат работы? Публикация созданного сайта

Для предварительного просмотра сайта кликните «глаз» на верхней панели.

Document image


Отображение учитывает расширение устройства. Например, десктопная версия будет выглядеть так.

Предварительный просмотр страницы
Предварительный просмотр страницы




Публикация проекта

Убедитесь, что ваш проект сохранен (на это указывает зеленая галочка). Проект автоматически сохраняется каждые 10 секунд. Вы можете подождать автоматического сохранения или нажать Ctrl+S/⌘Cmd+S, и проект будет сохранен.

Document image


Чтобы опубликовать проект:

  • Нажмите кнопку Опубликовать (Publish) на Верхней панели.
Document image

  • Переключите ползунок подключения к домену. Таким образом вы подключаете проект к домену, указанному в настройках в Панели управления.

По умолчанию проекту присваивается поддомен на сервисе Taptop, но вы можете также подключить пользовательский домен.

Document image


Ниже отобразится список страниц, изменения по которым требуют публикации (Unpublished changes). Чтобы все необходимые страницы сайта были опубликованы, нужно нажать кнопку Опубликовать (Publish) рядом с каждой страницей в списке. При нажатии кнопки происходит переключение на соответствующую страницу.

Document image


После публикации кликните по ссылке в разделе «Место публикации»(Publish destination), чтобы просмотреть опубликованный сайт.

Document image

Опубликованный сайт
Опубликованный сайт


Настройки проекта и формирование команды

Для настройки проекта и приглашения команды перейдите в Панель управления (Dashboard).

Document image


Приглашение в команду

В правой части Панели управления нажмите кнопку «Пригласить участников» (Invite members).

Document image


Вы можете добавлять и удалять членов команды, назначать им роли и определять права доступа к проекту.

Настройки проекта

Откройте настройки проекта, нажав на три точки и выбрав в меню «Настройки» (Settings).

Document image


В настройках вы можете:

Document image