Сайты на Tilda
Разработка сайта
Разработка дизайна
Проектирование
Тех. поддержка (на тильде)
Редизайн сайта
что такое типограф в тильде?
Назад

Что такое типограф в Тильде и как им сделать «‎вжух»

/
/
Что такое типограф в Тильде
маркетинг
маркетинг
Следите за внутренней кухней студии в нашем телеграм-канале
где типограф в тильде?
Тильдовский типограф помогает привести текст в порядок с точки зрения типографики. Он автоматически исправляет мелкие ошибки и делает текст визуально приятным для чтения. Классный инструмент, если уметь им пользоваться. Сейчас научим.

Что делает типограф в Тильде?

Итак, что такое типограф в Тильде: это встроенный инструмент, который делает текст правильнее и читабельнее.

  • Проставляет правильные кавычки («ёлочки» вместо "лапок").
  • Добавляет неразрывные пробелы там, где это нужно. Например, между числом и единицей измерения (100 км), чтобы они не разлучились при переносе на другую строку.
  • Исправляет дефисы на длинные тире в предложениях там, где это нужно (например, «NAJES — это сила!»).
  • Подправляет многоточия, чтобы это был единый знак, а не просто три точки подряд.
  • Оптимизирует интервал между символами, чтобы текст было легче читать и глаза не уставали (а устают они у всех).
Типограф существует не только в текстовом редакторе сервиса Тильда: его можно найти и онлайн, и внутри приложений в качестве встроенного плагина.

Это такая заботушка, которая приходит и наводит порядок, да еще и за бесплатно. Ваше дело — только написать текст правильного содержания и с продающим посылом (если хотите продавать).

Как он это делает

Когда вы включаете типограф в Тильде, то в режиме редактирования страницы видите мешанину из непонятных знаков. И кажется, что все сломалось, но на самом деле наоборот, все починилось благодаря #nbsp.

#nbsр; — это код специального символа, который браузер понимает как «‎неразрывный пробел».
Это работает вот с такими фразами:
  • «г. Москва»,
  • «и т. д.», «т. е.», «т. п.»,
  • «200 м», «500 руб.», «10 ₽», «20 €»,
  • «Н. А. Василенко», «И. Маск», «Г. Греф»,
  • «1 января 2025 года»,
  • а еще с висячими предлогами, частицами и союзами (чтобы в конце строчки не оставался грустный и одинокий союз «‎и»).
текстовый редактор сервиса тильда
«‎Типограф в процессе работы», холст, масло, 2024 г.
Получившуюся красоту можно увидеть в режиме «‎Предпросмотр» или на уже опубликованной странице.
До и после: исчезли висячие предлоги, дефис сменился на тире
В мобильной версии висячие предлоги обычно выглядят куда хуже, чем на десктопе. Поэтому, если текст длинный и вы ожидаете много мобильного трафика, типограф — ваш лучший друг.

Зачем нужен типограф?

1. Экономит время

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

2. Улучшает читаемость

Аккуратно оформленный текст легче воспринимается. Особенно если его много.

3. Помогает избежать грубых ошибок в дизайне

Типографика — часть дизайна.

4. Поднимает уровень доверия

Если текст смотрится норм, то у клиента возникает ассоциация, что и в бизнесе у вас порядок.

Как включить типограф в Тильде

Сейчас разберемся, где найти типограф в Тильде.

Стандартные блоки

В режиме редактирования страницы выделите нужный текст и нажмите на значок книжки, это и есть типограф.
где типограф в тильде?
Где найти типограф в Тильде
Дальше не забудьте нажать «‎Сохранить и опубликовать», чтобы увидеть результат.

Зероблоки

Принцип тот же: выделяете нужный текст и нажимаете на значок типографа.
что такое типограф в тильде
Где найти типограф в зероблоках в Тильде
Неразрывные пробелы в зероблоках будут выглядеть так, как на скрине ниже. А когда вы выйдете из редактирования зероблока, то увидите все те же #nbsр;.

Как выключить типограф в Тильде и вернуть все как было

Хе-хе, никак¯\_(ツ)_/¯

Функция типографа действует разово: выделил текст → кликнул на значок → получил результат.

Это нельзя просто деактивировать, чтобы отыграть все назад, даже через функцию «‎очистка стиля». Разве что можно попробовать нажать CTRL+Z, но до того момента как вы нажали «‎Опубликовать».

Вот эти #nbsр; и исправленные кавычки останутся в тексте, пока вы сами их не уберете. Вам придется вычищать это ручками или просить помощи у ChatGPT, YandexGPT и других наших любимых ботов. Такая вот ложка дегтя.

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

Когда лучше не использовать типограф

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

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

Например, вот здесь у нас выверенное расстояние между блоками. Если применить тут типограф, он может наставить много неразрывных пробелов и тире, из-за чего текст поедет не туда.
Выверенное расстояние между блоками — повод отказаться от типографа
Чтобы не было беды, мы либо отказываемся от типографа, либо делаем запас по воздуху, если это возможно (даем тексту больше места, чтобы можно было разъехаться). Либо точечно используем типограф, а лишнее чистим ручками.

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

То же самое будет, если скопировать текст, обработанный типографом, и вставить его в дескриптор проекта в Тильде. Браузер может интерпретировать #nbsр; как точку. Поэтому вы просто добавите себе ручной работы.

Вот мы и разобрались с тем, что такое типограф в Тильде. Что дальше: читайте другие наши статьи, прогревайтесь, чтобы заказать у нас сайт на Тильде. Это то, что мы хорошо умеем.
И на телегу подпишитесь

Перейти в телеграм
Никита Алексеев
Руководитель направления маркетинга студии NAJES
Автор статьи:
(Звонок бесплатный / Пн — Пт с 10:00 до 19:00)
Навигация
Услуги
© 2017-2024 «NAJES» Все права защищены
12+
(на коде)
Разработка сайтов
Разработка сайтов
(на тильде)
Разработка сайтов
Разработка сайтов
(на тильде)
Техническая поддержка сайта
Техническая поддержка сайта