15 лучших плагинов для типографики WordPress для улучшения вашего дизайна

Опубликовано: 2022-03-26

Если вы ищете 15 лучших плагинов для типографики WordPress, чтобы улучшить свой дизайн. Тогда вы находитесь в правильном месте. Здесь мы обсудим для вас лучшие плагины для типографики WordPress.

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

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

Плагины типографики WordPress — это оборудование, используемое для персонализации вашей установки WordPress, включая настраиваемые шрифты и шрифты. Как и другие плагины WordPress, они написаны на PHP, и благодаря этому они могут добавлять функции на веб-сайт WordPress, будучи легко встроенными в него.

Почему типографика важна для вашего сайта WordPress?

Типографика вашего веб-сайта — очень необходимая часть вашего базового дизайна. Типографика WordPress играет решающую роль в удобочитаемости веб-сайта. Хорошая типографика создаст прочную видимую иерархию, обеспечит графическую стабильность веб-сайту и задаст стандартный тон продукта.

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

Помните, что текстовый контент — это ключ к привлечению трафика и дальнейшему взаимодействию с сайтом.

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

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

Выбрав соответствующие плагины WordPress, вы сможете украсить типографику на своем веб-сайте WordPress без написания кода.

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

1. Простые шрифты Google

Это лучше всего подходит для пользовательских элементов управления шрифтом.

Простой плагин Google Fonts

Easy Google Fonts — это действительно простой в использовании плагин, который не только позволяет вам выбирать из списка более 650 бесплатных шрифтов. Однако дополнительно предлагает предварительный просмотр в реальном времени, пока вы вносите изменения в текстовое содержимое на своем веб-сайте.

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

Кроме того, он также позволяет вам создавать собственные элементы управления уникальными шрифтами темы в настройках администратора для управления точными селекторами CSS. После создания эти настраиваемые элементы управления шрифтом сразу же становятся доступными в настройщике без необходимости кодирования!

2. WP-типографика

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

Плагин WP-Типография

Плагин WP-Typography предлагает вам дополнительный контроль над эксклюзивными символами, такими как дефисы, эллипсы, символы товарных знаков, дроби и многое другое.

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

Он поддерживает 50 уникальных языков, а также может помочь повысить качество обучения для ваших посетителей.

3. Расширенные инструменты редактора

Это лучше всего подходит для клиентов WordPress, которые выбирают шов классического редактора.

Плагин расширенных инструментов редактора

Плагин Advanced Editor Tools Plugin, ранее известный как TinyMCE Advanced, расширит диапазон доступных инструментов форматирования, таких как таблицы, смайлики и пользовательские семейства шрифтов, и предложит вам более широкие возможности управления тем, какое оборудование охватывается в видимом редакторе в базовом блоке или в традиционном редакторе.

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

Более того, Advanced Editor Tools больше не собирает и не хранит данные, связанные с потребителем. Он не устанавливает файлы cookie и больше не присоединяется к каким-либо сторонним веб-сайтам.

Этот плагин также предоставляет более совершенные элементы модификации для редактора постов и веб-страниц.

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

4. Изменение размера шрифта Zeno

Лучше всего разрешить повторным посетителям изменять размер шрифта.

Плагин Zeno Font Resizer

Zeno Font Resizer — очень простой и легкий плагин. Этот плагин позволяет вам предоставить трафику вашего веб-сайта возможность изменять размер шрифта вашего текста.

Использует JavaScript и jQuery для установки размера шрифта. Настройки сохраняются в файле cookie. Вы также можете установить время хранения файлов cookie. Таким образом, размер шрифта остается неизменным, когда путешественник возвращается на ваш веб-сайт в течение этого уникального периода времени.

5. Разделитель заголовков страниц

Лучше всего устанавливать точки останова в заголовке.

Плагин разделения заголовков страниц

Page Title Splitter — один из лучших и уникальных плагинов. Это позволяет вам устанавливать контрольные точки для ваших сообщений, страниц и настраиваемых заголовков сортировки публикаций, помимо необходимости добавлять html к заголовку, помещая маркеры в поле текстового содержимого заголовка.

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

6. Второстепенное звание

Лучше всего добавить субтитры.

Плагин вторичного заголовка

Secondary Title — это простой и легкий плагин. Это обеспечивает выбор заголовка для сообщений, страниц, а также настраиваемых типов сообщений, которые могут отображаться автоматически, с помощью короткого кода или с помощью PHP. Это может повысить читабельность и пригодность вашего веб-сайта.

Плагин поставляется с расширенной веб-страницей настроек, которая позволяет вам настроить плагин в соответствии с вашими потребностями.

Более того, добавление второго заголовка дает вам больше шансов зацепить ваших читателей и мотивировать их на изучение вашего контента.

7. сноски

Лучше всего легко отображать сноски на ваших сообщениях и страницах WordPress.

плагин сносок

Сноски — это универсальный магазин для автоматического включения ссылок на ряд страниц и сообщений в WordPress. Плагин также имеет полностью настраиваемые короткие коды и CSS и позволяет вам выбирать место для размещения сносок.

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

Возможность отображать ссылочные контейнеры внутри виджета. Также свободно настраиваемый дополнительный символ обратной ссылки.

8. Первоначальная буква

Лучше всего легко добавлять буквицы к сообщениям и страницам блога WordPress.

Плагин начальной буквы

Initial Letter — это плагин, который предоставляет модные настройки, поэтому вы можете менять размер, цвет и шрифт первой буквы каждого абзаца внутри сообщения. Также известен как « буква ». Вы можете добавить/удалить эту функциональность для каждой отправки мета-контейнера в редакторе сообщений.

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

9. Наведение текста

Лучше всего добавить текст справки.

Плагин при наведении текста

Text Hover — бесплатный плагин. Этот плагин позволяет вам легко определять текстовое содержание справки, которое появляется, когда путешественник наводит указатель мыши на слово или фразу в сообщении или на странице.

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

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

10. Пользовательские шрифты Adobe

Лучше всего для встраивания шрифтов Adobe.

Пользовательский плагин Adobe Fonts

Пользовательские шрифты Adobe (Typekit) — это бесплатный плагин. Это поможет вам встроить шрифты Adobe в ваш веб-сайт WordPress.

Вы можете установить его из репозитория WordPress, перейдя в « Панель управления» > «Плагины» > «Добавить новый» .  

В настоящее время он работает только со следующими темами и плагинами для конструктора страниц:

  • Астра Тема
  • Тема Beaver Builder
  • Бобровый Строитель
  • Элементор

11. Потрясающий шрифт

Лучше всего добавить значок шрифтов на свой сайт.

Плагин Font Awesome

Font Awesome позволяет удобно добавлять значки к вашему контенту. Вы можете использовать бесплатные или профессиональные значки и выбирать между SVG или веб-шрифтом. Бесплатная версия включает более 1600 иконок.

Вы можете загрузить свои значки из нашего традиционного CDN Font Awesome или использовать наборы Font Awesome Kit — лучший и наиболее экологичный способ использования значков Font Awesome в Интернете.

12. Используйте любой шрифт

Лучше всего загружать пользовательские шрифты в WordPress.

Используйте любой плагин шрифта

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

Вы также можете использовать шрифты из библиотеки шрифтов, которая содержит более 20 000 уникальных шрифтов.

13. Руководство по стилю

Лучше всего настроить шрифты и цвета вашей темы в настройщике темы.

Плагин руководства по стилю

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

Styleguide использует тщательно выбранное разрешение сорока пяти лучших шрифтов Google, чтобы предоставить вам множество вариантов для персонализации вашего сайта.

14. ОМГФ

Лучше всего оптимизировать шрифты Google.

Плагин OMGF

OMGF — очень удобный плагин для начинающих. Он размещает ваши шрифты локально, чтобы ускорить время загрузки. Этот плагин используется для уменьшения DNS-запросов и ускорения вашего сайта WordPress. Он также работает тихо в фоновом режиме.

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

15. Пользовательские шрифты

Для вас лучше всего без проблем встраивать документы с настроенными шрифтами на свой веб-сайт WordPress.

Плагин пользовательских шрифтов

Custom Fonts — очень простой плагин. Пользовательские шрифты позволяют использовать потрясающую смесь уникальных шрифтов на вашем веб-сайте для улучшения типографики и потребительского опыта.

Более того, этот плагин можно загрузить бесплатно и использовать в любом количестве установок WordPress.

Вывод:

Теперь вы приобрели список отличных плагинов WordPress для типографики, с помощью которых вы можете украсить внешний вид и приятность всех ваших сообщений и страниц.

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