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

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

Ми постійно працюємо над нашою останньою багатоцільовою темою WordPress Citadela та її плагінами. Нещодавно ми додали чудову функцію для користувачів WordPress Gutenberg. Новий блок допомагає створити розділ, що привертає увагу. Отримайте оновлення безкоштовно і створіть ідеальний сайт.

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

Адаптивний текстовий блок дозволяє вам налаштувати текстовий блок по-різному для десктопних і мобільних пристроїв. Існує багато налаштувань, які ви можете контролювати. Вони розділені для десктопних і мобільних пристроїв. Ви можете налаштувати точку розриву для мобільної ширини, вирівнювання тексту, розмір шрифту, колір, інтервал та інші. Завдяки повній бібліотеці Google Fonts можна відображати вигадливий текст.

Блок адаптивного тексту доступний на сторінках, публікаціях або спеціальних сторінках Citadela. Ви можете використовувати цей блок адаптивного тексту як заголовок сторінки. Приховайте попередньо визначений заголовок сторінки за допомогою параметра "Документ" в області "Інспектор Гутенберга".

Блок "Адаптивний текст" має такі можливості:

• Шрифт Google для тексту, що відображається
• виберіть HTML-тег для тексту, доступний тег абзацу та теги заголовків 1 - 6
• різне вирівнювання тексту для настільного та мобільного екрану
• різний розмір шрифту в різних одиницях виміру для десктопу та мобільного екрану
• різна висота рядка для десктопного та мобільного екрану
• міжрядковий інтервал для тексту
• вимкніть поля за замовчуванням, щоб зробити користувацькі інтервали навколо тексту
• текст і колір фону
• курсивний стиль шрифту
• підкреслення та наскрізні лінії для тексту

Налаштуйте типографіку сайту

Зазвичай, одним з перших кроків після встановлення WordPress і теми є налаштування. Ви можете вибрати один з багатьох шрифтів Google. Налаштування типографіки в WordPress знаходяться в розділі "Зовнішній вигляд" → "Налаштування" → "Зовнішній вигляд" → "Типографіка". Виберіть шрифт для заголовків і основного тексту. Ви також можете вибрати товщину шрифту для заголовків. Майте на увазі, що весь веб-сайт повинен бути приємним середовищем, щоб утримати відвідувачів якомога довше. Тому необхідно дотримуватися певних стандартів.

Не варто використовувати екстравагантні шрифти для основного тексту. Розмір шрифту теми WordPress розроблений таким чином, щоб його можна було прочитати на всьому сайті, в кожному розділі та підсторінці.

Фантазійна текстова область

Однак часто ви хочете створити особливий розділ, що привертає увагу. Як створити кілька красивих і вигадливих областей з трендовим шрифтом? Саме для цього ми створили блок "Адаптивний текст". Він простий в управлінні.

Адаптивний текстовий блок - це чудовий спосіб погратися з типографікою. Ви можете налаштувати лише один заголовок або текст з певним шрифтом, розміром та інтервалом. Більше того, ви можете налаштувати цей блок по-різному для десктопних і мобільних пристроїв. Переконайтеся, що текст виглядає ідеально, і оптимізуйте його на будь-якому пристрої. У поєднанні з іншими блоками, такими як Cluster, він розкриває більше можливостей для дизайну вашого сайту.

Додайте цей блок до вибраної підсторінки. Як і стандартні блоки, він має своє меню та налаштування праворуч в Інспекторі Гутенберга. Ви можете використовувати цей блок на стандартних сторінках, публікаціях і навіть спеціальних сторінках разом з плагіном Citadela Directory Plugin.

Цей блок дозволяє використовувати HTML-тег, щоб налаштувати заголовок. Ви можете вибрати одиницю виміру розміру шрифту: px, em, vw, а потім налаштувати розмір шрифту, висоту рядка та інтервал. Поекспериментуйте і виберіть ідеальний Goole Font. Ви одразу побачите, як виглядатиме ваш текст. Для цього блоку також доступні налаштування вирівнювання тексту та кольору.

Адаптивне налаштування

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

Усе. Блоки AitThemes для редактора Gutenberg є частиною плагіна Citadela Blocks. Цей плагін є важливим компонентом для чудового дизайну веб-сайту. Використовуючи стандартний редактор WordPress Gutenberg, ви можете створити легкий і швидкий веб-сайт. Будь ласка, завантажте останню версію плагіна Citadela Blocks.