Як змінити шрифти в WordPress без клопоту

Шрифти в WordPress є важливою частиною брендингу компанії. Хоча деякі можуть відкинути шрифти як неактуальні, для багатьох вони є невід’ємною частиною веб-сайту.

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

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

Ця стаття, створена нашою командою wpDataTables, продемонструє, як легко змінювати шрифти в WordPress.

Як змінити шрифти в темах WordPress

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

Змінювати шрифти в темах може бути складно, оскільки вони зазвичай постачаються з попередньо встановленими шрифтами, які використовуються в різних частинах теми. Вам потрібно знайти сценарій CSS, який встановлює шрифт для певної області, будь то нижній колонтитул, верхній колонтитул, тіло чи інші частини.

Якщо ви хочете використовувати абсолютно новий шрифт, знадобиться деяке попереднє кодування. Спочатку виберіть ліцензійний шрифт для свого сайту, а потім завантажте його на сервер. У верхній частині style.css вам також потрібно буде визначити сімейство шрифтів. Ось приклад того, як може виглядати код:

@font-face {font-family: Museo300;
src: local('Museo300-Regular’),
url("fonts/Museo300-Regular.ttf") format('truetype’);
font-weight: normal;}

Як глобально змінити шрифти в WordPress за допомогою функції налаштування

Зміна шрифтів за допомогою функції налаштування проста. Спочатку увійдіть у свій профіль WordPress і відкрийте інформаційну панель, натисніть «Вигляд», а потім «Налаштувати».

Ще один спосіб отримати доступ до цієї області — увійти на інформаційну панель WordPress, натиснути назву сайту у верхньому лівому куті, а потім натиснути кнопку Налаштувати.

Потім прокрутіть униз ліворуч і знайдіть поле, де можна додати додатковий код CSS. Натисніть на нього, щоб додати код. Ось приклад коду:

* {font-family:"Courier New", Courier, monospace}Copy

Якщо ви додасте * на початку, це додасть шрифт до всього сайту. Коли ви вставите код, він миттєво зміниться. Коли ви будете готові внести зміни, натисніть кнопку «Опублікувати».

Як змінити шрифти в WordPress у певних областях теми

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

Ви знайдете шрифт для основної частини, окремий від решти, який можна використовувати для визначення шрифтів, не визначених тегом, класом або div.

body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif;
font-size: 1em;
padding:0;
margin:0; }

Ймовірно, ви знайдете шрифти в різних класах CSS: content, post, entry і post-entry.

Додати власні шрифти

Додавання спеціальних шрифтів є одним із найкращих способів змінити заголовки та основний шрифт. Перейдіть до «Дизайн» > «Налаштувати» > «Шрифти».

Змінити на власний шрифт легко. Є багато чудових шрифтів у Google Fonts, Typekit і, нарешті, з преміум-підпискою WordPress або вище.

Як це зробити:

• Перейдіть до Design >
• Натисніть «Шрифти» в розділі «Налаштувати». Потім клацніть спадне меню, щоб переглянути параметри, доступні під параметром Заголовки.

• Якщо шрифти тут не видно, то, ймовірно, тема не пропонує опцію змінити шрифти на власні шрифти. У такому випадку знайдіть іншу тему, яка пропонує цю опцію.
• Шрифти часто надходять парами: один для заголовків, а інший для основної частини. Для заголовків важливо вибрати шрифт, який буде привабливим для заголовків, заголовків віджетів, заголовків коментарів та інших областей основного тексту, щоб він був максимально розбірливим.

• Перш ніж вибрати шрифт, ви побачите попередній перегляд.

Як налаштувати розмір і стиль шрифту

Щоб налаштувати стиль шрифту, клацніть опцію ліворуч від шрифту. У вас будуть різні стилі, залежно від вибраного шрифту.

Щоб налаштувати розмір шрифту, перейдіть до параметра розміру нижче та налаштуйте розмір шрифту. Зробіть його відповідним для заголовків або, для основної частини, що легко зробити зі спадного меню.

Преміум-підписка на WordPress або вище дозволяє змінювати розмір шрифту в коді CSS.

Як зберегти шрифти

Коли ви завершите налаштування параметрів, шрифт буде збережено двома способами: натиснувши «Опублікувати сайт» або «Зберегти чернетку».

Після збереження зачекайте кілька хвилин, доки шрифти з’являться в блозі. Якщо вони не з’являються, спробуйте очистити кеш браузера, щоб переконатися, що це остання версія сайту.

Як змінити шрифти

Ось як змінити шрифти в WordPress після того, як ви створили власний шрифт.

Змініть власні шрифти, перейшовши до «Дизайн», а потім до «Налаштувати». Потім перейдіть до «Шрифтів», виберіть інший заголовок або основний шрифт. Ви також можете повернутися до шрифту за замовчуванням, натиснувши на X, який розташований праворуч від назви спеціального шрифту.

Щоб завершити зміни шрифту, натисніть «Опублікувати» або «Зберегти чернетку».

Знову ж таки, для появи шрифтів може знадобитися кілька хвилин, тому необхідно очистити кеш браузера.

Скидання шрифтів

Щоб скинути шрифти, просто натисніть X поруч із поточним шрифтом, який ви використовуєте.

Як поставити шрифти в чергу

Щоб правильно додати шрифти для WordPress, вам потрібно буде змінити різні файли; найголовніше, файл functions.php або файл function_wp; enqueuer_script і wp_enqueue_style.

За допомогою фрагментів коду просто змініть шрифт, не вводячи код у файли. Просто додайте їх до заголовка за допомогою функції.

Wp_enqueue_script і wp_enqueue_style є схожими файлами, тому краще змінити файл стилю залежно від того, що пропонує ваш постачальник шрифтів.

Google Fonts надасть шрифти як таблиці стилів, тому додайте їх так:

function add_google_fonts() {

Інші шрифти, як-от веб-шрифти Adobe Edge, будуть у формі файлів Javascript. Код виглядав би так:

function add_adobe_fonts() {

Коли ви знаєте, де змінити шрифт, ця функція стає простою.

Як змінити розмір шрифту

Регулювання розміру шрифту є фундаментальним, просто регулюючи розміри заголовків. Під час використання візуального редактора всі параметри знаходяться на вкладці «Абзац».

Зазвичай розміри шрифтів контролюються файлом style.css, який надає доступ до розмірів шрифтів.

Використання правильних заголовків у статтях має важливе значення для створення задовільного досвіду користувача, а також для підвищення зручності для SEO.

Якщо вам сподобалося читати цю статтю про те, як змінити шрифти в WordPress, ви повинні переглянути цю про те, як завантажити медіа-бібліотеку WordPress.

Ми також писали про кілька пов’язаних тем, як-от як знайти ідентифікатор сторінки в WordPress, як вставити iframe WordPress, як усунути блокування JavaScript і CSS у вмісті у верхній частині сторінки, як зупинити DDoS-атаку та як щоб приховати назву сторінки в WordPress.