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

Опубликовано: 2023-07-04

Хотите улучшить свой веб-дизайн и произвести впечатление на свою аудиторию? Изучите лучшие плагины для типографики WordPress, которые повысят привлекательность вашего сайта!

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

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

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

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

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

WP типография

wp-Typography — это мощный инструмент, который позволяет улучшать символы и элементы в вашем тексте без необходимости кодирования CSS. Он автоматически обрабатывает такие элементы, как товарные знаки и математические символы, упрощая для вас процесс.

Кроме того, плагин предоставляет CSS-хуки для стилевых компонентов, таких как амперсанд и слова в верхнем регистре.

Благодаря множеству параметров настройки, включая контроль над «умными кавычками» и сжатыми многоточиями, wp-Typography позволяет вам без особых усилий преобразовать текст в более визуально привлекательный и понятный типографику, просто набрав его в редакторе WordPress.

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

  • Поддержка переносов для более чем 70 языков
  • Особенности управления пространством
  • Интеллектуальная замена кавычек, тире, товарных знаков, математических символов и т. д.
  • CSS-хуки для стилизации амперсандов, слов в верхнем регистре, чисел, начальных кавычек и кавычек

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

использовать любой шрифт

С помощью Use Any Font вы можете легко загружать пользовательские шрифты, чтобы придать вашему веб-сайту элегантный вид. Для быстрой смены шрифтов не требуется знаний CSS. У вас есть возможность выбрать из обширной коллекции из более чем 23 871 предопределенного шрифта, включая шрифты Google, которые можно хранить на вашем собственном сервере.

Use Any Font отличается от других сервисов встраивания шрифтов тем, что предлагает неограниченное количество настраиваемых шрифтов для вашего веб-сайта WordPress. В отличие от сервисов с ограниченным выбором шрифтов или удаленным хранилищем на сервере, вы можете использовать любой пользовательский шрифт в таких форматах, как TTF, OTF и WOFF. Вам не придется полагаться на время безотказной работы других серверов.

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

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

  • Быстрая и простая настройка, позволяющая легко менять шрифты.
  • Поддержка всех основных браузеров, включая Edge, Firefox, Chrome, Safari, iOS, Android и др.
  • Возможность выбирать предопределенные теги HTML или назначать шрифты с помощью пользовательского CSS.
  • Поддерживает такие форматы шрифтов, как TTF, OTF и WOFF.
  • Позволяет использовать загруженные пользовательские шрифты в популярных редакторах WordPress и визуальных конструкторах, таких как Gutenberg, Divi Builder и других.
  • Нужно только загрузить шрифт в 1 формате; автоматическая конвертация в другие необходимые форматы
  • Принимает файлы пользовательских шрифтов размером до 25 МБ.
  • Позволяет использовать несколько пользовательских шрифтов

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

zeno изменение размера шрифта

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

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

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

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

  • Использует JavaScript и jQuery для настройки размера шрифта.
  • Настройки сохраняются в файле cookie для согласованности размера шрифта при повторном посещении.
  • Страница администратора доступна для настройки содержимого, изменения размера шагов и других параметров.
  • Доступен классический виджет
  • Код PHP можно добавить в шаблон, желательно дочернюю тему
  • Простое и легкое решение

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

второстепенное название

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

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

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

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

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

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

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

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

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

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

6. Плагин шрифтов

плагин шрифтов

Плагин Fonts — это бесплатный плагин WordPress, который обеспечивает доступ к библиотекам Google Fonts и Adobe Fonts. Он предлагает выбор из более чем 1000 шрифтов из обоих источников, что позволяет использовать несколько шрифтов на вашем сайте. Функция предварительного просмотра плагина в настройщике WordPress позволяет тестировать различные варианты шрифтов.

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

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

  • Доступен предварительный просмотр настройщика в реальном времени
  • Более 1000+ шрифтов Google доступны для выбора
  • Совместимость с любой темой WordPress; кодирование не требуется
  • Простые обновления в один клик для беспроблемного обслуживания
  • WooCommerce поддерживает бесшовную интеграцию с интернет-магазинами.
  • Готовый перевод для многоязычных веб-сайтов
  • SEO-Friendly для улучшения видимости в поисковых системах
  • Протестировано с PHP 7 для надежной совместимости

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

потрясающий шрифт

Font Awesome — это мощный плагин, который позволяет вам улучшить визуальную привлекательность вашего веб-сайта, включив привлекательные шрифты значков.

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

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

  • Доступ к обширной библиотеке иконок Pro и Free для улучшения дизайна вашего веб-сайта.
  • Возможность выбирать и использовать последние или определенные версии значков Font Awesome.
  • Варианты использования технологии SVG или веб-шрифта для отображения значков
  • Полная интеграция с помощью Font Awesome CDN или Font Awesome Kits для эффективной загрузки значков
  • Автоматическая совместимость с синтаксисом Font Awesome версии 4.
  • Возможность использовать собственные загруженные иконки из Pro Kits

Заключение

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

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

  • Было ли это полезно ?
  • Да нет