Изменение шрифта в wordpress с помощью плагинов

E-Planet

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

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

Например, на таких, которые хотят изменить стандартную типографику темы, сделав текст более оригинальным. Специально для них, вот 2 плагина, способных удовлетворить все потребности при работе со шрифтами в Вордпресс
kak-izmenit-shrift-na-sayte-wordpress

WP Google Fonts – управление шрифтом на уровне темы

Этот плагин позволяет выбрать шрифт из общедоступного каталога Google, насчитывающего более 100 экземпляров, и применить его к теме сайта глобально. Это означает, что вы можете установить, например, Open Sans для всех h1 заголовков, а для простого текста любой другой. Всего, у вас будет возможность изменить следующие элементы:

  • Весь текст (тег body);
  • Заголовки (H1-H6);
  • Цитаты (теги blockquote);
  • Параграфы (теги p);
  • Списки (теги li).

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

Использование WP Google Fonts

После того, как вы установите и активируете плагин, в панели администратора появится новый пункт «Google Fonts». Он ведет на страницу настроек, где вы можете выбрать любой шрифт и установить ему насыщенность на Normal 400 (обычный текст).

Ниже, вы увидите список тегов, к которым можно его применить. Помимо этого, здесь также есть поле для ввода пользовательских свойств CSS, если вы захотите, к примеру, изменить размер текста у определенных элементов. Как только все опции будут выбраны, можно нажимать «Save All Fonts».

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

Supreme Google Webfonts – управление шрифтом в записях и страницах

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

Только нужно помнить, что обилие текста, имеющего разный стиль и размер, может не только раздражать пользователей, но и оказывать серьезное влияние на время загрузки страниц вашего сайта, так что пользоваться этим нужно с умом.
Supreme-Google-Webfonts

Использование Supreme Google Webfonts

После установки и активации этого плагина, перейдите в раздел «Настройки» > «Написание» административной панели Вордпресс. Внизу, вы увидите большой список webfonts, с примерами того, как они будут выглядеть. Выберите галочками понравившиеся и сохраните изменения.

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

Вывод

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

comments powered by HyperComments