В WordPress 6.5 есть ошибка, которая препятствует правильному отображению пользовательских шрифтов на вашем веб-сайте при использовании функции библиотеки шрифтов.

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

Содержание

Что такое функция библиотеки шрифтов

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

Исправление пользовательских шрифтов, которые не отображаются в WordPress 6.5

Чтобы решить эту проблему, вам необходимо сначала убедиться, что установлена ​​последняя версия плагина Custom Block Theme. Вам также потребуется перейти в раздел «Стили» редактора сайта, чтобы отредактировать текущий стиль вашей темы. Наконец, вам нужно будет правильно сохранить пользовательские шрифты в теме.

Шаг 1. Установите плагин Create Block Theme или обновите его до последней версии.

Поскольку в WordPress 6.5 появилась возможность добавлять собственные шрифты с помощью функции библиотеки шрифтов, они удалили эту возможность из плагина Create Block Theme. Однако, если вы когда-либо использовали устаревшую версию этого плагина для отображения пользовательских шрифтов на своем веб-сайте, вам все равно потребуется установить плагин Create Block Themes на вашем сайте WordPress, чтобы библиотека шрифтов правильно отображала пользовательские шрифты.

Нажмите «Добавить новый плагин» в разделе «Плагины» административной панели WordPress.

Итак, перейдите в раздел «Плагины» в вашей административной области WP. Если у вас уже установлен этот плагин, убедитесь, что он обновлен до последней версии. Если вы удалили его, перейдите в «Добавить новый плагин», чтобы добавить новый плагин.

Найдите плагин WordPress Create Block Theme и нажмите «Установить сейчас».

Затем найдите «Создать тему блока», используя панель поиска в правом верхнем углу, и нажмите «Установить сейчас» рядом с плагином темы «Создать блок», который отображается в результатах поиска.

Нажмите «Активировать», чтобы активировать плагин WordPress Create Block Theme.

Нажмите «Активировать», чтобы активировать плагин после его установки.

Шаг 2. Используйте библиотеку шрифтов, чтобы добавить собственные шрифты на свой сайт

Теперь, когда последняя версия плагина Create Block Theme установлена ​​и активирована, вам нужно перейти в Редактор сайта, чтобы добавить на свой сайт собственные шрифты (если вы еще этого не сделали). Если вы уже добавили пользовательские шрифты, перейдите к следующему шагу.

Перейдите к редактору внешнего вида в области администрирования WordPress.

Сначала перейдите в «Внешний вид»> «Редактор». Вы попадете в редактор сайта.

Откройте редактор сайта, щелкнув область основного содержимого.

Нажмите на правую часть экрана, где отобразится ваш активный веб-сайт (обычно активная домашняя страница).

Нажмите значок «Стили» на панели инструментов «Блок» редактора сайтов WordPress.

Теперь вы окажетесь в так называемом редакторе блоков. В верхней части редактора находится панель инструментов «Блок». В правом верхнем углу панели инструментов «Блок» вы увидите значок «Стили» (у него есть круглый значок наполовину черного, наполовину белого цвета). Щелкните этот значок, чтобы открыть боковую панель настроек стилей.

Нажмите «Типографика» на боковой панели стилей для WordPress.

Затем нажмите «Типографика», чтобы получить доступ к настройкам типографики.

Нажмите значок «Управление шрифтами», чтобы добавить или просмотреть пользовательские шрифты WordPress.

Справа от подзаголовка «Шрифты» вы увидите небольшой значок ползунка с надписью «Управление шрифтами». Щелкните этот значок, чтобы получить доступ к функции библиотеки шрифтов (она будет доступна только в WordPress 6.5 или новее).

Загружайте шрифты с помощью новой функции управления шрифтами в WordPress.

Здесь вы можете использовать вкладку «Загрузить», чтобы установить сторонние шрифты со своего компьютера, или использовать вкладку «Установить шрифты», чтобы установить ссылку на Google Fonts. После того как вы загрузили шрифты или связали их, вы можете закрыть это окно.

Шаг 3. Сохраните шрифты в текущей теме

Теперь, когда на ваш сайт добавлены пользовательские шрифты, вам просто нужно нажать «Обновить», и шрифты теперь будут отображаться на вашем сайте…. верно?

Не совсем. Если вы когда-либо использовали устаревший плагин Create Block Theme до обновления до WordPress 6.5, вам необходимо выполнить дополнительный шаг, чтобы изменения вступили в силу.

Нажмите значок «Создать тему блока» на панели инструментов блока, чтобы сохранить настройки пользовательской темы.

На панели инструментов «Блок» в верхней части редактора блоков вы увидите значок гаечного ключа с надписью «Создать тему блока». Нажмите на этот значок.

Примечание: Если вы не установили или не обновили плагин Create Block Theme до последней версии и/или не используете WordPress 6.5 или новее, этот значок не будет отображаться на панели инструментов редактора блоков.

Нажмите «Сохранить изменения в теме внутри». Создайте боковую панель темы блока.

Далее нажмите «Сохранить изменения в теме».

Установите флажок «Сохранить шрифты» и нажмите «Сохранить изменения».

Убедитесь, что установлен флажок «Сохранить шрифты», затем нажмите «Сохранить изменения».

Подтвердите изменения пользовательских шрифтов WordPress и нажмите «ОК».

В верхней части редактора теперь будет отображаться сообщение об успехе, в котором говорится, что редактор перезагрузится. Нажмите ОК для подтверждения. Редактор перезагрузится.

Нажмите «Просмотреть страницу», чтобы просмотреть пользовательские шрифты WordPress.

Теперь вы должны увидеть правильный собственный шрифт, отображаемый в вашем контенте в окне редактора (если вы внимательно посмотрите на основной заголовок на фотографии выше по сравнению с предыдущей фотографией, вы увидите, что шрифт изменился/обновился). Вы также можете нажать «Просмотреть страницу», чтобы просмотреть предварительный просмотр вашего сайта, который теперь должен правильно отображать сторонние шрифты.

Вот и все, что касается этого урока! Если вы нашли это полезным, вы можете проверить мои другие Справочные статьи и видеоуроки по WordPress. Вы также можете записаться на мой Упрощенный курс WordPress на Udemy.