Как поменять шрифт в wordpress - 2 плагина

Как поменять шрифт в wordpress - 2 плагина

Во многих темах для 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.



_ _ _
Читайте полностью » https://100uslug.com/kak-pomenyat-shrift-v-wordpress-2-plagina/

Комментарии

Популярные сообщения из этого блога