sigmund-B-x4VaIriRc-unsplash

Создать шаблон страницы в Тильде

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

Доступно более 200 готовых шаблонов страниц, которые можно использовать для создания своих страниц, заменив фотографии и тексты. Возможно изменить готовый шаблон так, чтобы он стал совершенно непохожим на исходный – это просто пример качественного дизайна и способа использования элементов. Вы также можете сохранить страницы с собственным дизайном в качестве шаблона и использовать их в будущей работе, например, если у вас многостраничный сайт и некоторые страницы имеют схожий вид. Или же вы создаете персонализированные лендинги для различных клиентов – основа одна и та же, но меняются только некоторые части страницы.

Если вы работаете в команде, то вам пригодятся собственные шаблоны. Например, дизайнер создает шаблон, а маркетолог меняет контент. Или центральный офис разрабатывает дизайн, а филиалы вносят коррективы в содержание.

Инструкция по сохранению страницы с вашим дизайном в качестве шаблона и передаче этого шаблона другому пользователю.

1. Чтобы создать шаблон, перейдите в настройки страницы → дополнительно и установите флажок “Назначить страницу Шаблоном”.

После этого шаблон станет доступным во вкладке “Мои шаблоны” при создании новой страницы.

Как передать шаблон для использования в другом аккаунте

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

На годовом плане Business доступна функция создания шаблона, которым могут пользоваться другие пользователи.

1. В разделе “Настройки страницы” → “Дополнительно” поставьте галочку “Разрешить другим пользователям создавать страницы на основе этого шаблона по номеру”.

2. Сообщите коллеге номер шаблона.

3. Коллега нажимает кнопку “Создать новую страницу”, пролистывает страницу до конца (на любой вкладке), нажимает на кнопку “Ввести ID шаблона” и указывает введенный вами номер.

4. На аккаунте вашего коллеги будет создана новая страница, используя ваш уникальный шаблон.

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

laika-notebooks-pONH9yZ-wXg-unsplash (1)

Создать папку  для страниц сайта на Тильде

Создать новую папку

Страницы на Тильде расположены в виде списка и создаются последовательно. Мы расскажем, как создать папки для упрощения навигации на сайте.

Чтобы создать папку, перейдите в раздел “Настройки страницы” → “Дополнительно” и нажмите кнопку “Создать новую папку”.

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

Чтобы добавить страницы в папку, вы можете воспользоваться методом перетаскивания или задать папку в разделе “Дополнительно” в настройках каждой страницы.

Как опубликовать отдельные папки

Если вы хотите опубликовать все страницы в папке сразу, на странице со списком всех страниц сайта нажмите кнопку “Опубликовать все страницы”. Если у вас уже есть созданная папка, появится диалоговое окно с вариантами: “опубликовать все” или “только в этой папке”.

Если у вас есть черновики страниц, которые не нужно публиковать, вы можете поместить их в отдельную папку (например, “Черновики” или “Draft”), которая не будет публиковаться, если вы выбираете опцию “Только в этой папке” вне папок. В этом случае будут опубликованы все страницы, кроме тех, которые находятся в указанной папке.

Если вы не хотите публиковать определенную папку вообще, даже при публикации всех страниц сайта, вы можете выбрать опцию “Архивная папка” в настройках соответствующей папки и сохранить изменения.

felicia-montenegro-VKnWrMnxahg-unsplash

Как установить ссылки внутри страницы в Тильда

Ссылку, которая перенесет пользователя к определенному блоку на странице, можно создать двумя способами:

1. Вставьте специальный блок T173 – Якорная ссылка из категории “Другое” – в нужное место. В настройках блока T173 укажите желаемое название для якоря, например: “контакты”. Теперь можно создавать кнопки или меню со ссылкой вида “#контакты”, чтобы переходить к этому блоку. Сам блок будет невидимым.

2. Чтобы создать ссылку на любой блок, вам нужно вставить “#rec129000” в адрес ссылки. У каждого блока есть свой уникальный номер, который можно найти в настройках блока в контекстной панели “Настройки” (в самом низу). Обратите внимание, что при копировании страницы номера блоков изменятся и ссылки придется вставить заново.

Чтобы пользователь мог перейти к определенному месту на другой странице, поставьте ссылку вида: /адрес_страницы#название_якоря, где адрес_страницы – это адрес страницы, на которую нужно перейти, а название_якоря – это название якоря, указывающее на нужное место.

Если вы хотите, чтобы переход к блоку осуществлялся плавно, добавьте на страницу блок T178 – Плавный скролл до локальной ссылки – из категории “Другое” в библиотеке блоков.

ben-sweet-2LowviVHZ-E-unsplash (1)

Как добавить иконку (favicon) для браузера

Что такое favicon (фавикон)

Фавикон — это маленький значок, который отображается на веб-сайтах и страницах. Он появляется в браузере перед названием страницы и также используется как картинка рядом с закладкой, во вкладках и в других элементах интерфейса.

Как изменить иконку

Чтобы изменить иконку, которая отображается на вкладке браузера, нужно перейти в раздел Настройки сайта → SEO → Favicon.

Фавикон можно создать в формате .ico, .png или .jpg. Желательный размер изображения составляет 32×32 пикселя. Также рекомендуется ознакомиться с рекомендациями от Яндекса и Google.

Кроме того, можно загрузить иконку в формате .svg для светлой и темной темы браузера. Для этого можно воспользоваться сторонним сервисом для создания SVG-иконок. Однако стоит помнить, что данный формат не поддерживается в некоторых браузерах, включая Safari и некоторые браузеры на Android. 

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

greg-rosenke-xngZY8iEu-k-unsplash

Как настроить шрифты в Тильда

Настройки сайта определяют шрифты. Это означает, что глобально применяются параметры шрифтов (тип, насыщенность, размер, цвет): для всех блоков на всех страницах сайта. Это способствует поддержанию общего стиля и аккуратности.

С чего начать 

Для настройки шрифтов сайта перейдите в раздел Настройки сайта → Шрифты и цвета.

Там вы увидите галерею шрифтов, которые можно просмотреть и выбрать нажатием на кнопку «Выбрать». Этот шрифт будет применен к заголовкам и тексту.

Если вы хотите использовать внешний шрифт или разные шрифты для заголовков и текста, нажмите кнопку «Расширенные настройки».

На вкладке “Library” вы имеете возможность выбрать различные шрифты для заголовков и основного текста вашего сайта. Коллекция насчитывает более двадцати стандартных и премиум-шрифтов от наших партнеров, которые предоставляются бесплатно при подписке на нашу платформу.

Загрузка из внешних источников

Также, есть вкладки “Google Fonts”, “Adobe Fonts” и “Upload Font”, где вы можете загрузить шрифты из внешних источников. Ниже представлены подробные статьи по каждой из вкладок:

– Google Fonts: бесплатная коллекция шрифтов от Google;

– Adobe Fonts: доступ к огромному выбору шрифтов от Adobe;

– Upload Font: у вас есть возможность загрузить любой шрифт в форматах .woff и .woff2.

Подробные инструкции можно найти по переходу по соответствующим ссылкам.

Инструкция по навигации

Adobe Fonts

Огромная библиотека, разработанная компанией Adobe

Инструкция по навигации

CSS-файл

Добавление ссылки на внешний сервер CSS-файлов

Инструкция по навигации

Настройки шрифтов

Настройка размеров и шрифтов заголовков и текстов на сайте

На закладке “Шрифты и цвета” внизу настроек установите стандартные параметры размера, насыщенности и цвета для заголовков и текстов. Эти настройки будут применены глобально ко всем стандартным блокам на сайте, если не указаны другие настройки шрифтов.

Вы можете изменить параметры шрифта в стандартных блоках, используя раздел “Типографика”, либо изменить параметры выделенного текста через верхнюю панель настроек шрифта в редакторе.

Настройки шрифтов через панель настройки текста в редакторе

Настройки загрузки шрифтов

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

В разделе “Шрифты и цвета” → “Продвинутые настройки” сайта, вы можете выбрать настройку показа системного шрифта при загрузке, чтобы текст отображался сразу, но сначала в системном шрифте, а затем в выбранном вами стиле.

compare-fibre-9HGPvHThNME-unsplash

Как купить домен через Тильду

Регистрация домена

Для регистрации домена можно перейти на вкладку “Домены” или воспользоваться ссылкой tilda.cc/domains/.

На данной странице вы сможете получить бесплатный домен при покупке годовой подписки на любой из планов или приобрести домен через Тильду.

При покупке домена через Тильду, он будет приобретен у Reg.ru без каких-либо комиссий от Тильды, и всегда может быть передан на ваш аккаунт на Reg.ru. Обратите внимание, что если вы не являетесь резидентом РФ, то домен можно приобрести только на физическое лицо.

Начало работы

Для начала процесса регистрации нажмите на вкладке “Домены” кнопку “Зарегистрировать новый домен”.

С помощью поиска проверьте доступность домена. Введите полное доменное имя только с расширениями .ru, .su, .рф. Если домен доступен, он появится ниже с пометкой “Свободен” или “Available”.

Оплата

Оплатите домен и перейдите на страницу, где нужно будет ввести данные о владельце домена. При заполнении формы необходимо использовать латиницу и предоставить реальные данные, чтобы избежать проблем с подтверждением владения доменом в будущем. Домен будет зарегистрирован после заполнения анкеты.

Если вы регистрируете домен как частное лицо, в поле “Название компании” введите значение “Private person”.

Привязка домена

На этой же странице вы можете немедленно привязать домен к вашему сайту в аккаунте, однако это также можно сделать позже на вкладке “Домен” в настройках сайта.

После этого домен будет проверен и появится в вашем списке на вкладке “Домены”.

В настройках домена доступны несколько функций, таких как передача домена на аккаунт Reg.ru и установка NS-записей.

markus-winkler-aB4BJSZoTTI-unsplash

Как настроить блог

Блог обычно содержит страницу с ссылками на посты и отдельные страницы для каждого поста. В Тильде это можно сделать через список страниц или через Потоки.

Создание блога через список страниц

Этот метод подходит, если вы хотите обновлять блог 2-3 раза в неделю и каждому посту нужен уникальный дизайн и структура. Посты на блоге представлены отдельными страницами, которые можно изменять с помощью библиотеки блоков и Zero Block.

Вот инструкция:

1. Создайте несколько постов на отдельных страницах. Установите заголовок, описание и добавьте картинку.

2. Создайте главную страницу. Добавьте информацию о блоге, немного о себе и не забудьте о кнопках для расшаривания в социальных сетях.

Выберите один из блоков из категории “Список страниц” и добавьте его на главную страницу. Этот блок будет содержать ссылки на ваши посты.

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

4. В настройках сайта выберите главную страницу с индексным блоком. Когда посетители заходят на ваш сайт, они увидят эту страницу.

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

Как добавить пагинацию (отображение части контента или разделение блога на страницы)

Создание блога через Потоки

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