Вы хотите изменить шрифт в вашей теме WordPress на другой??
Шрифт текста вашего сайта играет важную роль в дизайне и фирменном стиле вашего сайта. Это может улучшить читаемость вашего контента и придать вашему сайту современный и профессиональный вид.
В этой статье мы покажем вам, как изменить шрифт в WordPress с помощью 5 различных способов, так что вы сможете легко изменить шрифт, используя метод без кода, или изменить шрифт WordPress без использования какого-либо плагина.
- Зачем менять шрифты на вашем сайте WordPress?
- Изменение шрифтов в настройщике темы WordPress
- Изменение шрифтов в полном редакторе сайта WordPress
- Изменение шрифтов WordPress с помощью плагина WordPress
- Изменение шрифтов с помощью конструктора тем WordPress
- Настройка внешнего вида шрифта в редакторе содержимого WordPress
Зачем менять шрифты на вашем сайте WordPress?
Шрифты являются неотъемлемой частью дизайна вашего сайта и оказывают огромное влияние на то, как будет выглядеть и восприниматься ваш сайт WordPress.
Если на вашем сайте трудный для чтения шрифт, то вам будет трудно удержать посетителей, и они в конце концов покинут ваш сайт.
Шрифт также отображает ваш фирменный стиль. Например, вы можете использовать определенные шрифты, чтобы ваш сайт выглядел более профессионально или непринужденно.
Темы WordPress поставляются со шрифтом по умолчанию, размером шрифта и цветом шрифта для вашего сайта. Однако, возможно, вы захотите изменить шрифт по умолчанию на что-то другое.
Тем не менее, существует несколько способов изменения шрифтов в WordPress. Мы покажем вам несколько различных методов. Вы можете нажать на ссылки ниже, чтобы перейти к любому разделу.
- Изменение шрифтов в настройщике темы WordPress
- Изменение шрифтов в полном редакторе сайта WordPress
- Изменение шрифтов WordPress с помощью плагина WordPress
- Изменение шрифтов с помощью конструктора тем WordPress
- Настройка внешнего вида шрифта в редакторе содержимого WordPress
Изменение шрифтов в настройщике темы WordPress
Простой способ изменить шрифт вашего сайта — перейти к настройке темы WordPress. Это позволит вам изменить внешний вид вашего сайта и покажет предварительный просмотр в реальном времени.
Обратите внимание на : Если опция меню настройки отсутствует, то, скорее всего, в вашей теме включено полное редактирование сайта, и вам придется использовать другой метод или сменить тему.
Для этого урока мы будем использовать тему Astra. Однако опции будут меняться в зависимости от используемой темы WordPress. В зависимости от вашей темы, вы можете найти опции «шрифт» или «типографика» в настройщике.
Во-первых, вы можете перейти по адресу Внешний вид » Настроить из вашей приборной панели WordPress.
Это позволит запустить настройщик тем WordPress.
В теме Astra есть раздел ‘Global’ с опциями для изменения стилей всего сайта. Чтобы изменить шрифт на всем сайте, вы можете выбрать опцию «Глобальный» в меню слева.
На следующем экране вы увидите такие опции, как типографика, цвета, контейнер и кнопки.
Перейдите и нажмите на опцию «Типографика».
Здесь вы можете выбрать различные шрифты в разделе ‘Presets’.
Это шрифты по умолчанию, предлагаемые темой, и выбор предустановки изменит шрифт на всем вашем сайте.
Кроме того, вы также можете изменить шрифты для отдельных элементов вашей темы.
Например, вы можете использовать разный шрифт для основного текста и заголовков. Есть даже возможность использовать отдельные шрифты для каждого уровня заголовка.
Для начала просто выберите шрифт из выпадающего меню «Семейство шрифтов» для любого отдельного элемента.
Кроме того, есть дополнительные возможности для изменения размера, веса, выбора вариантов шрифта и т.д.
Когда вы закончите, не забудьте нажать кнопку «Опубликовать».
Теперь вы можете посетить свой сайт и увидеть новый шрифт. Например, мы изменили шрифт основного текста на Roboto, а шрифт заголовка на Helvetica на нашем демо-сайте.
Важно отметить, что не все темы WordPress будут предлагать те же возможности и настройки, которые предлагает Astra. Если ваша тема не предлагает такой возможности, то продолжайте читать следующий шаг.
Изменение шрифтов в полном редакторе сайта WordPress
Если вы используете блочную тему WordPress, такую как Twenty Twenty-Two, то вы можете изменить шрифт вашего сайта с помощью полного редактора сайта (FSE).
Полный редактор сайта позволяет настраивать тему WordPress с помощью блоков, как и при редактировании постов или страниц с помощью редактора контента WordPress. Однако FSE в настоящее время находится в бета-версии, и лишь немногие темы поддерживают его.
В данном руководстве мы будем использовать тему Twenty Twenty-Two.
Чтобы начать, вы можете перейти по адресу Внешний вид » Редактор из панели администратора WordPress.
Это откроет полный редактор сайта для вашей темы WordPress.
Далее вы можете нажать на значок стилей в правом верхнем углу и выбрать опцию «Типографика».
После этого вы можете выбрать такие элементы, как текст и ссылки, чтобы изменить их шрифт.
В качестве элемента выберем Text, а затем нажмем на выпадающее меню ‘Font Family’, чтобы изменить шрифт.
Когда вы закончите, просто нажмите кнопку «Сохранить».
Вы успешно изменили шрифт, используя полный редактор сайта. Вы также можете добавить пользовательские шрифты на свой сайт WordPress, а затем изменить их в редакторе всего сайта.
Изменение шрифтов WordPress с помощью плагина WordPress
Другой способ изменения шрифтов WordPress — это использование плагина WordPress, например, Easy Google Fonts.
Это бесплатный плагин WordPress для типографики, который позволяет добавить на ваш сайт более 600 шрифтов Google и различные варианты шрифтов.
Во-первых, вам нужно установить и активировать плагин Easy Google Fonts. Если вам нужна помощь, ознакомьтесь с нашим руководством по установке плагина WordPress.
После активации вы увидите экран приветствия Easy Google Fonts в вашей панели WordPress. Вы можете прокрутить страницу вниз и нажать кнопку «Перейти к настройкам → Easy Google Fonts».
На следующем экране вы увидите различные настройки плагина.
Далее нажмите кнопку «Управление с живым просмотром» в верхней части страницы.
Откроется окно настройки темы WordPress, и вы окажетесь на вкладке «Типографика».
Другой способ получить доступ к шрифтам, добавленным плагином, — перейти по ссылке Внешний вид » Настроить из вашей панели WordPress, а затем перейдите на вкладку «Типографика».
На следующем экране вы увидите опцию «Типографика по умолчанию».
Перейдите и нажмите на нее.
После этого вы можете изменить шрифт каждого элемента на вашем сайте.
Например, давайте изменим шрифт заголовка 1. Просто нажмите на стрелку рядом с заголовком 1, чтобы развернуть опции. Отсюда вы можете нажать на выпадающее меню ‘Font Family’ и выбрать шрифт.
Вы можете сделать то же самое для других уровней заголовков и абзацев.
Не забудьте нажать кнопку «Опубликовать», когда закончите.
Изменение шрифтов с помощью конструктора тем WordPress
Существует множество мощных конструкторов тем WordPress, которые позволяют создать пользовательскую тему без редактирования кода. Вы можете использовать их для изменения шрифта различных элементов на вашем сайте.
Для этого урока мы будем использовать SeedProd. Это лучший плагин для создания целевых страниц и тем для WordPress, который позволяет создавать пользовательские темы, не затрагивая ни одной строчки кода.
Обратите внимание, что вам понадобится версия SeedProd Pro, поскольку она включает в себя конструктор тем. Существует также версия SeedProd Lite, которую вы можете использовать бесплатно.
Сначала вам нужно будет установить и активировать плагин SeedProd. Для получения более подробной информации, пожалуйста, ознакомьтесь с нашим руководством по установке плагина WordPress.
После активации вы увидите экран приветствия SeedProd. Введите свой лицензионный ключ и нажмите кнопку «Проверить ключ». Вы можете легко найти лицензионный ключ в области вашего аккаунта SeedProd.
После этого вы можете перейти на страницу SeedProd » Конструктор тем на приборной панели WordPress.
Затем нажмите кнопку «Темы» вверху.
После этого плагин покажет вам несколько тем на выбор.
Просто наведите курсор на тему, которую вы хотите использовать, а затем нажмите на нее. Для этого урока мы будем использовать тему Starter.
Теперь SeedProd будет генерировать различные шаблоны тем.
Вы можете редактировать каждый шаблон и настраивать свою тему WordPress. Там даже есть возможность вручную добавить шаблон темы.
Давайте отредактируем шаблон темы Homepage и изменим шрифты различных элементов. Чтобы начать, нажмите на ссылку «Редактировать дизайн» в разделе Домашняя страница.
Это приведет к запуску конструктора тем SeedProd. Вы можете добавлять новые элементы из меню слева и размещать их в любом месте шаблона.
Чтобы изменить шрифт любого раздела темы, просто выберите его. Например, мы выберем текстовое поле под заголовком Starter.
Затем перейдите на вкладку ‘Advanced’ в меню слева и нажмите кнопку ‘Edit’ напротив Typography.
После этого вы увидите множество опций для редактирования типографики выбранного раздела.
Вы можете нажать на выпадающее меню ‘Font Family’ и выбрать шрифт для вашего текста. Также есть возможность выбрать вес шрифта, настроить размер шрифта, высоту строки, расстояние между буквами, выравнивание, регистр букв и многое другое.
Теперь вы можете повторить этот шаг и изменить шрифт других элементов вашей темы.
Когда вы закончите, просто нажмите кнопку «Сохранить» в верхней части страницы.
Чтобы применить пользовательскую тему и шрифты, перейдите в раздел SeedProd » Конструктор тем и установите переключатель рядом с опцией «Включить тему SeedProd» в положение Да.
Если вы хотите создать тему WordPress с нуля, ознакомьтесь с нашим руководством о том, как легко создать пользовательскую тему WordPress.
Настройка внешнего вида шрифта в редакторе содержимого WordPress
Используя редактор контента, вы также можете изменить отображение шрифтов в определенных постах и страницах блога.
Недостатком этого метода является то, что новый шрифт будет применяться только к данному конкретному посту или странице. Вам придется повторить этот шаг вручную для всех остальных постов, к которым вы хотите применить аналогичную настройку.
Это может быть действительно удобно для настройки отдельных постов, но если вы ищете возможность изменения шрифта для всего сайта, то вам следует рассмотреть другие варианты.
При этом, чтобы изменить шрифт с помощью редактора контента WordPress, просто отредактируйте пост или добавьте новый. Находясь в редакторе контента WordPress, выделите текст, чтобы изменить его внешний вид.
В панели настроек справа перейдите в раздел «Типографика». Затем нажмите на 3 точки перед Typography и выберите ‘Appearance’ из выпадающих опций.
Как только вы это сделаете, настройки внешнего вида будут видны в разделе «Типографика».
Просто нажмите на выпадающее меню в разделе Внешний вид и выберите стиль для вашего шрифта. Например, вы можете сделать шрифт жирным, тонким, курсивом, черным, жирным курсивом, сверхжирным и т.д. (см. раздел «Шрифт в WordPress com»).
Также есть возможность изменить размер шрифта, выбрать регистр букв, изменить цвет, включить капс и многое другое.
Не забудьте обновить или опубликовать свою страницу, когда закончите работу.
Надеемся, что эта статья помогла вам узнать, как изменить шрифт в WordPress. Вы также можете ознакомиться с нашим руководством по WordPress SEO для начинающих и проверить подборку лучших сервисов email-маркетинга для малого бизнеса, составленную нашими экспертами.
Источник: www.wpbeginner.com