Как добавить иконку в кнопку Tilda?
Модифицируйте элементы в Зеро Блок с помощью CSS стилей. Добавляйте анимацию и градиент к тексту, эффекты к фото и при наведении на элементы, иконки к кнопкам и многое другое.
1. Создаём Зеро Блок и добавляем кнопку
2. Очищаем стандартные стили кнопки
3. Нажимаем на кнопку правой кнопкой мыши и добавляем имя «button-new» новому классу
4. Теперь добавляем стиль к этому классу в HTML блок
5. Вписываем CSS код с иконкой для нового стиля
Кнопка с иконкой готова!
Так же стили можно прописывать к любым другим элементам Зеро Блок.
Как добавить фавикон (favicon, иконку в браузере)?
Чтобы загрузить фавикон, перейдите: «Настройки сайта» → «SEO» → «РЕДАКТИРОВАНИЕ ИКОНОК (FAVICONS)» → «Загрузить файл». Исходя из особенностей поисковых систем, рекомендуем загружать файл размером 32px × 32px и только в формате .ico, название файла должно быть favicon.ico (без цифр и других символов).
После этого обязательно переопубликуйте все страницы вашего проекта.
Создать фавикон вы можете при помощи сервиса xiconeditor.
Примечание: чтобы фавикон начал отображаться в результатах выдачи в поиске Яндекса, необходимо, чтобы Яндекс обновил информацию о сайте. Этот процесс может занимать до 2-х месяцев и зависит от поисковой системы.
Похожие вопросы
- Как сделать «шапку» (header, хедер) сайта?
- Как добавить HTML-код в Head сайта?
- Как создать сайт на нескольких языках?
- Как скопировать страницу?
- Как добавить еще одну страницу на сайт?
Как добавить иконки Тильда
+ ссылка на полную подборку иконок Тильды в конце статьи.
Первый способ — через Zero Block.
Для этого вам нужно добавить в Zero Block изображение (image) или фигуру (shape) и в настройках справа нажать на лупу, которая откроет галерею иконок.
Второй способ — через стандартный блок с изображением.
Здесь вам нужно зайти в контент блока и так же нажать на лупу, чтобы открылась галерея иконок.
Тильда собрала большую коллекцию иконок, которые вы можете использовать на своем сайте. Так же эти иконки вы можете скачать и в векторном редакторе изменить их цвет и форму.
Если вы не знакомы с правилами подбора иконок для сайта: по стилю, начертанию и цвету, то я вам советую использовать стандартный вариант — иконки от Тильды. Так как эти иконки имеют классический вид, они подойдут для любого типа сайта и будут отлично смотреться в едином стиле.
Как добавить иконки из пакета Tilda Icons?
Разрешено: использовать бесплатно в коммерческих и некоммерческих проектах. Необходимо: указать авторство c обязательной гиперссылкой на источник: иконки от Tilda Publishing, ссылка — https://tilda.cc. Читайте подробное лицензионное соглашение.
Для быстрого добавления иконки через Редактор, откройте Контент блока, нажмите «Искать в Библиотеке» рядом модулем загрузки изображения
Важно: опция доступна только на платных тарифах.
Похожие вопросы
- Как добавить ссылку на конкретное место на странице (якорь)?
- Как добавить кнопку?
- Как добавить свой HTML, CSS или Javascript-код?
- Как сделать всплывающее окно?
- Как добавить видео?