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

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

  1. Создайте новый проект
  2. Создайте дизайн и наполните сайт контентом
  3. Опубликуйте готовый сайт
  4. Настройте проект

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

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

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

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

Перейти в Редактор дизайна

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

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

Редактор дизайна

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

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

  • Секция (Section) — для разделения страницы на структурные сегменты;

  • Контейнер (Container) — для центрированных внутри Секции элементов контента;

  • Div блок — для группировки элементов.

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

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

Панели Слои и Элементы

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

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

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

  • элементы для размещения текста — Text, Text Link, Rich Text;
  • элементы для медиа — Image, Video;
  • виджеты — List, Block List, Menu, Accordion, Tabs, Form и другие.

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

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

  1. Нажмите кнопку + на левой панели.

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

    Перетащите элемент на холст

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

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

  1. Выберите элемент (на Холсте или на вкладке Слои левой панели).

Выберите элемент

  1. Установите для выбранного элемента стили на вкладке Дизайн правой панели.

Установите стили на вкладке Дизайн

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

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

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

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

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

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

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

Проект сохранен

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

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

Опубликовать проект

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

Включите домен проекта

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

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

Опубликуйте нужные страницы

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

Кликните, чтобы открыть опубликованный проект

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

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

Перейти в Панель управления

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

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

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

Пригласить участников в команду

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

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

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

Открыть настройки проекта

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

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