Хотите добавить пользовательские шрифты в WordPress?
Поверьте мне, полиция также очень большая роль в вашем блоге и вы получите много, добавив шрифт, адаптированный не только к контексту вашего блога, но и к вашей теме WordPress.
В этом уроке я покажу вам, как добавить пользовательские шрифты в ваш блог WordPress, используя Google шрифты, Typekit и CSS3.
Использование пользовательских шрифтов в Темы WordPress стало обычным. На самом деле существует несколько Темы WordPress которые предлагают несколько шрифтов на выбор. Однако одновременная загрузка всех этих шрифтов может значительно замедлить загрузку страницы.
И если ваш блог медленный, я предлагаю вам Некоторые решения проблем производительности на WordPress
Это одна из причин, по которой мы собираемся сделать это правильно, загружая только тот пользовательский шрифт, который мы хотим использовать в блоге.
Но прежде всего важно знать, как искать шрифты, а также проконсультироваться с 7 WordPress плагины, чтобы взять под контроль типографику вашего блога
Как найти шрифты и как использовать WordPress
Шрифты не так расширяемы, как раньше. Однако есть несколько источников, где можно найти такие шрифты, как " Google шрифты "," Typekit "," FontSquirrel "И" Fonts.com .
Как добавить Google Fonts шрифт WordPress
Google Fonts - это очень большая библиотека бесплатных шрифтов, которую вы можете использовать в нескольких проектах.
Вам просто нужно получить доступ " Google шрифты И выберите шрифт на ваш выбор. Затем нажмите " выберите этот шрифт »В правом нижнем углу экрана появится вкладка.
Нажмите на эту вкладку, которая развернется, как на изображении выше. Вы сможете настроить стиль шрифта для включения, нажав на Настройки, Вам нужно только выбрать стиль, который вы хотите видеть в своем блоге.
Затем вы должны прокрутить вниз до " встраивать ». Затем вам нужно будет скопировать код, расположенный в разделе " STANDARD ". Именно этот код можно добавить в " заголовок Из твоей детской темы.
Это все, что нужно для добавления нового шрифта Google в свой блог WordPress.
Как добавить шрифт с помощью TypeKit
Typekit это еще один бесплатный и платный сервис, который предлагает шрифты, которые вы можете использовать также в различных проектах. Они предлагают премиальные подписки и бесплатные подписки.
Вам просто нужно иметь учетную запись Typekit и создать новую " комплект .
Затем вам нужно будет выбрать шрифт из библиотеки Typekit и добавить его в свой проект. После этого возьмите код для своего комплекта и добавьте его со своей панели управления.
Чтобы добавить его на свою панель управления, вам просто нужно установить и активировать плагин " TypeKit Шрифты для WordPress .
После его активации вам просто нужно получить доступ к " Настройки> Шрифты Typekit И вставьте код из вашего комплекта в " Пользовательские правила CSS .
Затем шрифт можно использовать таким же образом, то есть путем указания имени семейства для определенных элементов или для всего документа.
Как добавить шрифт с помощью CSS3 (@ шрифт лицу)
Самый простой способ встроить шрифт в свой блог - это добавить его с помощью «font-faces» через CSS3. Этот метод позволяет вам добавлять в свой блог любой шрифт, который вы хотите.
Первое, что нужно сделать, это загрузить шрифт по вашему выбору в веб-формате. Если у вас нет этого шрифта в веб-формате, вы можете бесплатно преобразовать его на странице " WebFont Генератор FontSquirrel .
Как только у вас есть файлы в формате " Web », Вам нужно будет отправить их прямо на свой сервер. Настоятельно рекомендую добавить его в " шрифты Вашей дочерней темы с использованием FTP-клиента (FileZilla моя рекомендация).
Если вы хотите пойти дальше в этой процедуре, см. Наш учебник на Как пользоваться FTP на Windows, 10
Давайте вернемся к нашей цели.
Как только это будет сделано, вы можете интегрировать шрифт следующим образом:
Чтобы использовать его где угодно, вам просто нужно определить имя шрифта, как вы указали в поле " снизу лицо »Предыдущий (увидеть значение атрибута font-family ).
Это все, что нужно было знать об использовании кода CSS3. Однако я должен указать, что метод с функцией «font-face» больше подходит для разработчиков.
Также используются и рекомендуются другие решения и инструменты для управления шрифтами на вашем веб-сайте или управления ими.
Откройте для себя также несколько премиальных плагинов WordPress
Вы можете использовать другие WordPress плагины чтобы придать современный вид и оптимизировать обработку вашего блога или веб-сайта.
Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.
1. CommentPress
CommentPress - это мощный компактный плагин для WordPress, который позволяет быстро и легко вставлять, редактировать и удалять комментарии. CommentPress использует Ajax, jQuery и PHP, чтобы дать посетителям возможность вставлять комментарии без перезагрузки страницы.
Этот плагин имеет множество опций настройки, чтобы придать ему желаемый внешний вид. В нем есть капча для блокировки спама и повышенная безопасность раздела комментариев.
Его основными функциями являются: простая вставка комментариев, возможность для пользователей отвечать на определенные комментарии, разбивка комментариев на страницы, полное управление администрированием раздела комментариев, кнопки для легкой вставки изображений, видео и ссылки, полностью адаптивный макет, капча для обеспечения формы и избежать спама и многое другое.
скачать | Демонстрация | веб-хостинг
2. Эверест Галерея
Как следует из названия, это вершина WordPress плагины фотогалерея премиум. Этот ультра-настраиваемый инструмент позволит вам создавать галереи любого стиля всего за несколько минут.
Галерею Everest можно использовать для демонстрации статей, настраиваемых типов сообщений, настраиваемых таксономий/категорий, Продукты WooCommerce, персонализированные продукты, галереи изображений и вложения, видео, характеристики продуктов, демонстрация покупок, портфолио, члены команды, скриншоты и т. д., полностью отзывчивые.
Everest Gallery поставляется с полной документацией и более чем опциями 30 для полной настройки внешний вид галереи. Имея доступные параметры настройки, вы можете использовать это Плагин Wordpress представить что-либо легко и эффективно.
скачать | Демонстрация | веб-хостинг
3. WP Media Manager
WP Media Manager — один из лучших и самых мощных WordPress плагины управление медиатекой. Он отлично справляется с управлением папками, а его простота использования позволяет упорядочивать тысячи медиафайлов.
Просто используйте метод перетаскивания, чтобы вставить файлы мультимедиа в папки / подпапки. Эта способность не только позволяет ему улучшать управление файлами, но также позволяет ему управлять папками. Что вообще необходимо для начинающих пользователей.
Ce Плагин Wordpress имеет такие функции, как создание папок, их фильтрация, 3 великолепные адаптивные галереи, возможность дублирования файлов, создание неограниченной иерархии и многое другое…
скачать | Демонстрация | веб-хостинг
Другие рекомендуемые ресурсы
Пойдите дальше в использовании пользовательских шрифтов в WordPress, также просмотрев ссылки или рекомендуемые ресурсы ниже.
- Как добавить ключевые слова и метаописания в WordPress
- Как добавить впечатляющий типографии с Typekit
- 7 WordPress плагины для добавления слайдера в блог
- 8 плагинов WordPress для добавления системы перевода в блог
- Другие источники:
- Список необходимых вещей для запуска блога
- 14 плагинов WordPress, которые Elementor может заменить
- Цена Elementor Pro 2023: какой план наиболее выгоден для вас?
- Как создать и отобразить всплывающее окно по тегу сообщения в WordPress
- Лучшие бесплатные дополнения Elementor в 2023 году
- Как создать пользовательский шрифт для вашего блога WordPress
Заключение
Так ! Вот и все для этого урока о лучшем способе добавления пользовательских шрифтов в WordPress. Если у вас есть какие-либо предложения или комментарии, они будут приветствоваться.
Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
N'не стесняйтесь поделиться им на разных социальные сети, Если у вас есть Комментарии или предложения, не стесняйтесь сообщить нам в разделе, зарезервированном для них.
...
