Записи в рубрике: Настраиваем сайт

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

С чего начать 

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

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

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

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

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

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

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

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

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

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

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

Adobe Fonts

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

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

CSS-файл

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

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

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

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

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

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

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

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

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

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

Установка начальной страницы (Home Page) для вашего проекта (сайта).

1

Откройте настройки вашего проекта (сайта).

2

Перейдите к разделу “Главная страница” в левом меню.

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

3

Рядом с выбранной страницей появится иконка, обозначающая ее статус главной страницы.

Для размещения блока на всех страницах сайта, таких как меню, необходимо создать отдельную страницу, на которую разместить элементы, которые должны присутствовать на всех страницах. Затем перейти в раздел Настройки сайта → Шапка и подвал и назначить созданную страницу в качестве шапки или подвала.
Шапка (header) – это блок, расположенный в верхней части страницы сайта и видимый на всех страницах. Обычно он содержит логотип, меню, контактные данные, переключатель языка или корзину, если на сайте есть несколько страниц и нужна общая корзина.
Чтобы создать шапку, создайте новую страницу и добавьте нужные элементы: меню или логотип. Затем перейдите в раздел Настройки сайта → Шапка и подвал и назначьте эту страницу в качестве шапки.
Подвал (footer) – это блок, расположенный в нижней части страницы и содержащий полезную, но не основную информацию. Он также виден на всех страницах сайта. В подвале можно разместить копирайт, название студии, которая разработала сайт, контакты. Иногда в подвале дублируются пункты меню. Подвал создается аналогично шапке: создайте новую страницу, оформите на ней подвал и затем назначьте эту страницу в разделе Настройки сайта → Шапка и подвал как подвал.
Чтобы шапка и подвал были видны, необходимо опубликовать все страницы, а не только те, на которые назначены шапка и подвал.
Как отключить шапку или подвал на отдельной странице:
Для отключения шапки или подвала на определенной странице, откройте Настройки страницы → Дополнительно → Не использовать шапку / подвал на этой странице.
Затем переопубликуйте страницу.
В шапку или подвал удобно добавить корзину, если у вас есть интернет-магазин с несколькими страницами.