Адаптивный текстовый блок

Настройте стиль текста для настольных и мобильных устройств по-разному.

Мы постоянно работаем над нашей последней многоцелевой темой WordPress Citadela и ее плагинами. Недавно мы добавили отличную функцию для пользователей WordPress Gutenberg. Новый блок помогает создать привлекательный раздел. Получите обновление бесплатно и создайте идеальный веб-сайт.

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

Адаптивный текстовый блок позволяет по-разному настраивать текстовый блок для настольных и мобильных устройств. Есть много настроек, которые вы можете контролировать. Они разделены для дисплеев настольных компьютеров и мобильных устройств. Вы можете настроить точку останова по ширине для мобильных устройств, выравнивание текста, размер шрифта, цвет, интервал и другие параметры. Благодаря полной библиотеке Google Fonts можно отображать причудливый текст.

Блок адаптивного текста доступен на странице, в публикации или на специальных страницах Citadela. Вы можете использовать этот блок адаптивного текста в качестве заголовка страницы. Скройте предопределенный заголовок страницы в настройках документа в области инспектора Гутенберга.

Блок адаптивного текста имеет следующие параметры:

• Google Font для отображаемого текста
• выберите тег HTML для текста, доступен тег абзаца и теги заголовков 1–6
• различное выравнивание текста для рабочего стола и мобильного экрана
• разный размер шрифта в разных единицах для рабочего стола и мобильного экрана
• разная высота строки для десктопного и мобильного экрана
• межбуквенный интервал в тексте
• отключить поля по умолчанию, чтобы сделать настраиваемый интервал вокруг текста
• цвет текста и фона
• курсивный стиль шрифта
• подчеркивание и сквозное оформление текста

Настроить типографику сайта

Обычно одним из первых шагов после установки WordPress и темы является настройка. Вы можете выбрать один из многих шрифтов Google. Настройки типографики в WordPress находятся в разделе «Внешний вид» → «Настроить» → «Внешний вид» → «Типографика». Выберите шрифт «Заголовки» и «Основной текст». Вы также можете выбрать толщину шрифта для заголовков. Имейте в виду, что весь веб-сайт должен быть приятной средой, чтобы удерживать посетителей как можно дольше. Поэтому необходимо соблюдать некоторые стандарты.

Вы не хотите использовать какие-то экстравагантные шрифты для основного текста. Размер шрифта темы WordPress предназначен для чтения на всем веб-сайте, в каждом разделе и подстранице.

Причудливая текстовая область

Однако часто вы хотели бы создать специальный привлекательный раздел. Как создать красивые и причудливые области с модным шрифтом? Вот почему мы создали блок адаптивного текста. Он прост в эксплуатации.

Блок «Отзывчивый текст» предлагает идеальный способ игры с типографикой. Вы можете настроить только один заголовок или текст с определенным шрифтом, размером и интервалом. Более того, вы можете настроить этот блок по-разному для настольных и мобильных устройств. Убедитесь, что текст выглядит идеально, и оптимизируйте его на любом устройстве. В сочетании с другими блоками, такими как Cluster, он раскрывает больше возможностей дизайна для вашего сайта.

Добавьте этот блок на выбранную подстраницу. Как и у стандартных блоков, у него есть свое меню и настройки справа в Инспекторе Гутенберга. Вы можете использовать этот блок на стандартной странице, публикации или даже на специальных страницах вместе с плагином каталога Citadela.

Этот блок позволяет вам использовать тег HTML, чтобы вы могли настроить заголовок. Вы можете выбрать единицу измерения размера шрифта из px, em, vw, а затем настроить размер шрифта, высоту строки и интервал. Поиграйте и выберите идеальный шрифт Goole. Вы сразу увидите, как выглядит ваш текст. Для этого блока также доступны настройки выравнивания текста и цвета.

Адаптивная настройка

После того, как вы укажете «Использовать адаптивные параметры», вы можете установить важные параметры для настольных компьютеров и мобильных устройств отдельно. Выравнивание текста, размер шрифта, размер шрифта, высота строки и межбуквенный интервал. Кроме того, у вас есть контроль над размером точки останова по ширине мобильного устройства.

Все Блоки AitThemes для редактора Gutenberg являются частью плагина Citadela Blocks.. Этот плагин является важным компонентом великолепного дизайна веб-сайта. В целом, используя стандартный редактор WordPress Gutenberg, вы можете создать легкий и быстро работающий веб-сайт. Загрузите последнюю версию плагина Citadela Blocks.