12 лучших плагинов для типографики для WordPress

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

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

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

Лучшие плагины для типографики WordPress

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

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

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

1. wp-типографика

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

Ключевая особенность:

• Перенос в конце строки на более чем 50 языках.
• Автоматический перенос слов для длинных URL-адресов и адресов электронной почты.
• Поддержка математических символов и дробей.
• Лучшая обработка кавычек, многоточий, тире и символов авторского права.
• CSS-хуки для стилизации амперсандов, чисел и т. Д.
• Требуется PHP 5.4.0 или новее.

Цена: Бесплатно | Больше информации

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

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

Ключевая особенность:

• Возможность выбора из 45 различных шрифтов Google.
• Выберите шрифт для заголовков и шрифт для основного текста.
• В некоторых темах есть функция изменения цвета шрифта.
• Посмотрите, как выглядят выбранные вами шрифты, прежде чем вносить изменения вживую.
• Легко использовать.

Цена: Бесплатно | Больше информации

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

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

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

Ключевая особенность:

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

Цена: Бесплатно | Больше информации

4. Шрифты Typekit для WordPress.

Если вы не можете найти нужный шрифт в библиотеке Google Fonts, возможно, вы найдете его в библиотеке веб-шрифтов Adobe Typekit. Этот бесплатный плагин позволяет вставлять шрифты Typekit без редактирования кода. Он также позволяет настраивать шрифты с помощью CSS без необходимости загружать дополнительную таблицу стилей.

Ключевая особенность:

• Встраивайте веб-шрифты Typekit, не редактируя тему.
• Настройте расположение шрифтов с помощью CSS.
• Включает подробную справочную страницу с примером кода CSS для редактирования.

Цена: Бесплатно | Больше информации

5. Font Squirrel (неофициальный)

Чтобы добавить еще одну коллекцию шрифтов в список, этот неофициальный плагин использует Font Squirrel API, чтобы упростить установку их шрифтов на ваш сайт.

Ключевая особенность:

• Автоматически устанавливайте шрифты из Font Squirrel на свой сайт.
• Просмотрите любой доступный шрифт прямо в WordPress.
• Добавляет раскрывающееся меню в редактор WordPress, чтобы изменить шрифт любого текста в ваших сообщениях.

Цена: Бесплатно | Больше информации

6. Простая буквица

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

Ключевая особенность:

• Автоматически делать первую букву сообщений и страниц буквицей.
• Добавьте буквицы вручную с помощью встроенного кода.

Цена: Бесплатно | Больше информации

7. Идеальные цитаты

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

Ключевая особенность:

• Создавайте красивые цитаты, которые выделяются из вашего контента.
• Добавляет раскрывающийся список в редактор WordPress, чтобы легко добавлять цитаты.
• Далее настройте цитаты с помощью атрибутов шорткода или CSS.

Цена: Бесплатно | Больше информации

8. Сноски

Вы когда-нибудь хотели добавить сноску к написанному вами сообщению? Теперь вы можете это сделать, используя плагин Endnotes. Сноски полезны для добавления дополнительной информации, касательных или цитат, не прерывая поток вашей статьи.

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

Ключевая особенность:

• Быстро и легко добавлять сноски прямо в текст сообщения.
• Автоматически нумерует ваши сноски и связывает их с соответствующей областью текста.
• Сноски могут содержать ссылки, изображения и т. Д.
• По умолчанию наследует стили из вашей темы, но включает уникальные классы CSS, которые вы можете использовать для пользовательского стиля.

Цена: Бесплатно | Больше информации

9. Шорткоды Olevmedia

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

Ключевая особенность:

• Добавляет более 20 новых шорткодов в WordPress и меню для их создания.
• Предлагает несколько вариантов стиля в генераторе шорткодов.
• Адаптивный дизайн отлично смотрится на мобильных устройствах.

Цена: Бесплатно | Больше информации

10. CodeColorer

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

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

Ключевая особенность:

• 9 предустановленных цветовых тем и дополнительная настройка, доступная через CSS.
• Автоматическая нумерация строк.
• Подсветка синтаксиса кода на большинстве языков.
• Возможность добавлять фрагменты встроенного кода.

Цена: Бесплатно | Больше информации

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

Вы когда-нибудь заходили на сайт и думали: «Я, должно быть, старею. Этот текст слишком мал для меня »? Избегайте того, чтобы вызывать это чувство у ваших посетителей с помощью Zeno Font Resizer! Этот простой и сверхлегкий плагин отлично справляется с одной задачей: он позволяет вашим посетителям решать, какой размер текста они хотят видеть на вашем веб-сайте.

Ключевая особенность:

• Позвольте вашим посетителям выбрать идеальный размер шрифта.
• Устанавливает выбранный размер шрифта с помощью файла cookie, чтобы посетители видели тот же размер при повторном посещении.
• Вставьте селектор размера с помощью виджета или кода в своей теме.

Цена: Бесплатно | Больше информации

12. Настройки редактора WP для WordPress

Если вы когда-либо находили шрифт редактора WordPress по умолчанию, на который трудно смотреть в течение длительного периода времени, этот плагин для вас. WP Editor Tweaks заменяет шрифты вкладок «Визуальный» и «Текст» на более удобные для глаз. Хотя они не влияют на внешний вид вашего контента после публикации, шрифт без засечек упрощает создание черновиков ваших сообщений.

Ключевая особенность:

• Изменяет шрифты редактора WordPress, чтобы упростить просмотр шрифтов без засечек.

Цена: Бесплатно | Больше информации

Последние мысли

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

Некоторые из вышеперечисленных плагинов типографики позволяют вам выбирать новые шрифты из Google Fonts, Adobe Typekit или Font Squirrel. Другие добавляют на ваш сайт типографские функции, такие как буквицы, концевые сноски, цитаты и многое другое. Другие улучшают читаемость вашего сайта WordPress как для ваших посетителей, так и для вас самих.

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

Миниатюра статьи: автор miri019 / shutterstock.com