Как изменить шрифт в WordPress

WordPress 20

Безусловно, всякий автор руководствуется собственными предпочтениями, оформляя личный блог. Однако не каждый из них приходит к пониманию важности выбора наиболее удачного типа шрифта,  его размера, цвета, а ведь от этого зависит многое И так, как же изменить шрифт в вордпресс?

Шрифт

Если вы до сих пор использовали визуальный редактор WordPress для написания постов, но желаете немедленно изменить шрифт редактора, тогда следуйте за мной… Открываем файл functions.php и вставляем туда следующий код:

Код первыйПосле сохранения в визуальном редакторе WordPressа можно будет заметить изменение шрифта. Например, вставьте фразу, описывающую шрифт Georgia.  После буквенных символов font-family, вставляем фразу «Georgia, «Times New Roman», «Bitstream Charter», Times, serif» туда, где нужно указать выбранный тип шрифта.

Размер

Часто бывает так, что размер шрифта не позволяет принять к сведению информацию ресурса. Досадно, не правда ли? Неприятный факт, но поправимый…

Убедитесь в этом, просмотрев структуру довольно простого скрипта ниже:

Код второйСверху документа имеют 2 ссылки: для уменьшения и для увеличения шрифта. Базовый размер шрифта в тексте определен 12 размером (кеглем), но при нажатии он может увеличиваться либо уменьшаться на 2 пункта.

Цвет

Воспользуемся простым способом редактирования стилей шрифтов с помощью панели управления темы или редактирования специального файла стиля CSS, контролирующего таблицы стилей.

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

Простейший пример, когда стиль текста задан в теге, выглядит так:

Код третийЕсли ничего не выходит, нужно учить HTML и CSS, т.к. без базовых знаний языков программирования  будет сложно ориентироваться.

Смена стиля шрифта CSS

Изменение дизайна сайта происходит со сменой стиля CSS. Внедрение различных стилей, например, тиснение или глянцевый эффект достигается с помощью соответствующих CSS свойств.

Итак, задаем стиль для параграфа. Напоминаю, что свойства атрибута style должны разделяться точкой с запятой, а вот значение самого свойства должно быть задано двоеточием:

<P style=’color: red; font-size:14px;’>

Определить стиль в файле CSS и в заголовках страницы между тегов <HEAD> можно так:

P {color: red; font-size:14px;}

Разрешено расположение свойств CSS в столбик:

P {
color: red;
font-size:14px;
}

Чаще всего, это выполняется для улучшения визуализации стилей.

Несколько тегов с аналогичными значениями записывают, отделив их запятыми, дабы не повторять их дважды:

SPAN, DIV {border: 1px solid #000;}
Вот и все, что потребуется для изменения шрифтов в WP…

20 комментариев

сначала новые
по рейтингу сначала новые по хронологии

Здравствуйте! помогите изменить шрифт в сайдбаре, уже все перепробовала, не меняется(( . Скажите, сколько будет стоить эта работа, если заказать ее Вам?

Я в статьях, на страницах и на главной, в ленте изменил шрифт через стили, а в карте сайта остался прежний. Как в карте сайта изменить?

Большое спасибо! А еще можно в стилях задать параметры .entry p, но ваш вариант даже проще 🙂

Спасибо! Все оказалось очень просто!

Приветствую! А как можно изменить шрифт в меню и заголовках сайта?

Автор

Принцип тот-же, что описан в данной статье, только вместо тега P, нужно искать и менять значения в CSS для тегов H1, H2 И т.д.

правильно ли я понял что в штатных возможностях редактора нет возможности менять шрифт?

Автор

В стандартном визуальном редакторе текста в ВордПресс шрифт нельзя увеличить, но есть плагины, например TinyMCE Advanced, которые расширяют возможности редактора.

Добрый день,

а куда вставлять этот код - в начале - в конце файла functions.php.

Заранее благодарен.

Сергей

Спасибо за статью. Буду пытаться следовать Вашим советам - очень нужно поменять стиль шрифта

Не подскажите, как изменить номер телефона на сайте?

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

Спасибо за статью, а то уже и плагины перепробовал и код html, никак не мог правилось сделать изменение шрифта

Виктор

для изменения размера шрифта: открываем файл style.css, находим:
html, body {

font-family: arial;
font-size: 12px;
border: 0px none;
color: #515151
меняем тут font-size: 12px; циферки на нужные вам. цифры - это размер шрифта.

Как раз то, что меня беспокоило давно. Мелкий шрифт на кулинарном блоге - катастрофа. А можно ли чуть увеличи расстояние между строками?

Автор

К сожалению, не смогу вам точно сказать про изменение междустрочного интервала, обычно в CSS используют параметр "line-height" , может найдете его в стилях вашего шаблона.

Шрифт, размер, цвет все неоспоримо важно для удобства восприятия информации. Далеко не все авторы к сожалению обращают на это внимание.

Михаил

Не совсем понял как изменить шрифт.Подскажите , как добавить шрифт palatino linotype в редактор wordpress

Автор

Скачайте и установите плагин Supreme Google Webfonts и в текстовом редакторе появятся новые шрифты, возможно что и тот который вам нужен тоже там будет.

Хорошая статья из серии тонких настроек на WordPress. Пригодится обязательно. А то, действительно, бывает и так, что в шаблоне блога зада слишком мелкий шрифт и приходится всматриваться, напрягать глаза

Люблю технические статьи. В целом дают понимание принципа действия языков сайтостроения.

Работа с шрифтами не последнее дело.

Спасибо, Станислав.

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Более 6 лет опыта работы

Отвечу в течении 24 часов

Минимальная сумма заказа 1000Р

Ваше сообщения отправлено
Ваше сообщения отправлено успешно