Если вы планируете изменить шрифт во всем шаблоне WordPress, или подключить новый шрифт и не знаете, как это сделать, тогда данная статья для вас. С помощью этого руководства вы узнаете, как изменить шрифты на странице из файла CSS, а также как использовать простые в использовании плагины WordPress.
Когда вы устанавливаете WordPress и выбираете шаблон, который будете использовать, вы также выбираете шрифты, который будет прикреплен к нашему сайту или блогу. Создатели шаблонов обычно тщательно выбирают наборы шрифтов, чтобы они подходили друг другу, и в то же время они были максимально разборчивыми для пользователей. Однако, если вас не устраивает предустановленный шрифт, то вы мы можем сами его заменить. Для этого не нужно устанавливать другой шаблон.
В этом руководстве мы представим два метода, которые позволят вам изменить шрифты на нашем сайте Вордпресс. Первый будет немного сложнее, но, с другой стороны, лучше и эффективнее. Второе, более простой и более удобен для добавления новых шрифтов как определенных страниц или записей в блогах. Однако, прежде чем мы перейдем к руководству, обязательно сделайте резервную копию своего сайта и настроек в WordPress.
Изменение шрифта WordPress с помощью CSS
Появление шрифтов на странице определяет файл CSS, в котором хранятся все данные, относящиеся к ним. Если мы определим, например, размер шрифта или шрифта в CSS, это будет применяться ко всей странице. Конечно, если вы захотите, вы также можете определить разные шрифты для отдельных страниц в CSS.
Как изменить шрифт WordPress через стили CSS
Где мы можем найти стили CSS? Самый простой способ — войти в консоль WordPress. Затем откройте левое меню на вкладке «Внешний вид», а затем — «Редактор тем». В списке, который появится в правой части окна, откройте вкладку с именем style.css. Не бойтесь кода — нам нужно будет только внести очень небольшие изменения.
В главном окне редактора теперь нам нужно найти позицию, которая будет называться Fonts, Text и т. д. Она обычно имеет структуру, подобную следующему примеру:
/ * Шрифты * /
@font-face {
font-family: Arial;
src: url(‘fonts/arial-regular.eot’);
src: url(‘fonts/arial-regular.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/arial-regular.woff’) format(‘woff’),
url(‘fonts/arial-regular.ttf’) format(‘truetype’),
url(‘fonts/arial-regular.svg#quattrocento-regular’) format(‘svg’);
font-weight: normal;
font-style: normal;}
Чтобы изменить основные шрифты на странице, просто замените название — например, вместо «Arial» — «Times New Roman». Конечно, вы должны помнить правильное написание шрифта. В случае системных шрифтов вам не нужно вводить их адрес — они доступны автоматически для большинства браузеров. Однако если мы хотим загрузить какой-то необычный шрифт, мы должны сначала загрузить его на сервер — через FTP, а затем добавить его имя в файл style.css.
Описанный выше способ не представляет особой сложности, но если, например, в файле CSS шрифты определены в разных местах — могут возникнуть проблемы. Поэтому вам следует либо выполнить поиск по всему файлу и заменить интересующие вас шрифты, либо использовать другой метод. Однако, если вы решите внести изменения самостоятельно, стоит использовать функцию «Проверка элемента» в вашем браузере. Перейдите на сайт, а затем щелкните правой кнопкой мыши ту часть текста, для которой вы хотите изменить шрифт.
Затем выберите опцию «Изучить элемент» из контекстного меню. Окно браузера будет разделено на две части. На уровне стилей (вкладка «Стили») мы можем узнать, какая отметка из CSS определяет конкретный блок текста. Например, весь текст, кроме заголовка, определяется @ font-face.
Изменение шрифта WordPress с помощью плагинов
Однако, если мы не заботимся о глобальных изменениях, мы можем установить плагины WordPress, которые изменят шрифты на нашем сайте.
Одним из самых простых решений является дополнение под названием Font , которое доступно бесплатно на платформе WordPress. После его установки мы переходим к визуальной редакции шаблона, который мы используем на сайте. Затем просто выберите текст, для которого вы хотите изменить шрифт — это может быть либо простой текст, либо заголовок. В дополнение к выбору шрифта, плагин также позволяет установить его размер и цвет.
Однако, если мы ищем репозиторий с большим количеством интересных шрифтов, плагин Easy Google Fonts может быть хорошим решением. Он позволяет быстро внедрить шрифты из бесплатной коллекции Google. Простой визуальный редактор позволяет вам наглядно увидеть, как данный шрифт будет выглядеть на нашем сайте. Easy Google Fonts предназначен для глобального изменения шрифтов на веб-сайте или в блоге.
Как изменить шрифт с помощью плагинов WordPress
В заключении хотелось бы рассказать о плагине для Вордпресс, который позволит вам установить отдельные шрифты для отдельных подстраниц или даже записей на странице. Это Use Any Font , бесплатный плагин, который позволяет легко устанавливать шрифты . После установки этого расширения и его активации, мы переходим к редактору определенной подстраницы или записи в блоге. Мы можем заметить, что на панели редактирования текста появился новый значок. Когда мы щелкнем по нему, мы перейдем в редактор шрифтов. Плагин позволяет установить шрифт для всей записи или выделенной части текста.
На этом все, не стесняйтесь комментировать текст и писать о своих проблемах с WordPress.
Мы будем рады дать совет, если вы подробно опишите ваши проблемы.