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

Содержание
Как добавить новый проект?
Как собрать сайт? Редактор дизайна (Design Editor)
Базовые блоки
Элементы и виджеты
Стилизация сайта
Как предварительно посмотреть результат работы? Публикация созданного сайта
Публикация проекта
Формирование команды и настройки проекта
Приглашение участников в команду
Настройки проекта

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

Создайте новый проект

Создайте дизайн и наполните сайт контентом

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

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

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

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

Чтобы создать новый сайт, добавьте проект на Панели управления (Dashboard).

Нажмите кнопку Создать сайт в правом верхнем углу.

BlockNote image

Выберите способ создания сайта — «Пустой проект» (создание сайта с нуля) или «Шаблон» (создание сайта на основе шаблона из маркетплейса Taptop или шаблона вашей команды).

Выберите способ создания сайта

Выберите способ создания сайта

Подробнее о том, как создать сайт из шаблона —

После создания проекта откроется Редактор дизайна, в котором можно собирать сайт.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

элементы для размещения текста — Text, Text Link, Rich Text;

элементы для медиа — Image, Video;

виджеты — List, Block List, Menu, Accordion, Tabs, Form и другие.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

изменить название сайта

добавить пользовательский домен

загрузить фавикон

настроить SEO и аналитику

настроить получение данных из пользовательских форм

настроить доступ к проекту

добавить пользовательский код

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

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

Похожие статьи

Переезд на Taptop после закрытия Wix
Cookie-файлы на сайтах, созданных в Taptop
Как удалить файлы cookie и очистить кеш
Пошаговая инструкция создания сайта