Как изменить шрифт на сайте wordpress

kak-izmenit-shrift-na-sajte-i-kak-izmenit-tsvet-shrifta-1154198В этой статье я хочу рассказать о том, как изменить шрифт на сайте wordpress и как изменить цвет текста для лучшего его восприятия и гармонии с шаблоном. Но перед тем как изменить размер шрифта, нужно понимать, что есть заголовки H1, H2, …, H6, есть текст шапки сайта (header.php), есть текст контента рубрик (archive.php), отдельных записей (single.php) и контента страниц (page.php), текст сайдбара (sidebar.php) и подвала (footer.php). То есть, в каждой части сайта шрифт и цвет меняется отдельно, но делается это в шаблоне под названием таблица стилей (style.css).

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

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

Открываем браузер Google Chrom, в нем открываем свой сайт. К примеру, нужно изменить размер шрифта текста записей или заголовков, для этого необходимо навести мышкой, и выделить любую часть шрифта который хотите поменять, нажать на нем правую кнопку мыши и выбрать пункт, просмотр кода элемента (показано ниже).
kak-izmenit-shrift-na-sajte-wordpress-7235445 После этого, в нижней части экрана появится следующее окошко кода:

wordpress-izmenit-razmer-shrifta-2742644

Здесь необходимо, в правой части найти строку font-size:, которая отвечает за размер выделенного шрифта и скопировать первую строку, которая отвечает за данный отдел (показано на рисунке).

Теперь осталось лишь найти данную строку кода в шаблоне сайта style.css, о нем я говорил в начале и данная страница должна уже быть открыта в отдельном окне. Переходим в нее и нажимаем кнопки на клавиатуре ctrl+f, вверху справа открывается окно поиска, в нем и нужно вставить скопированную строку кода. На странице она находится автоматически и первая строка, font-size: которая размещена под ней, отвечает за нужный нам размер шрифта, здесь мы его меняем, сохраняем изменения  и смотрим результат (показано на рисунке ниже).
razmer-shrifta-na-vordpress-9178856

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

Открываем сайт в браузере Google Chrom, выделяем участок текста, в котором хотим поменять цвет, нажимаем правую кнопку мыши и нажимаем на пункт просмотр кода элемента. В правой части открывшегося окна, находим строку color:, которая отвечает за цвет выделенного нами текста, и копируем первую строку данного отдела, как показано на рисунке ниже (ниже показан пример изменения цвета заголовка статьи).
kak-izmenit-tsvet-teksta-na-sajte-wordpress-9183567 Данную, скопированную строку необходимо найти в style.css. Для этого, открываем страницу style.css (как это сделать описано во втором абзаце данной статьи) и, находясь на ней, нажимаем ctrl+f, вверху справа открывается окно поиска, скопированную строку вставляем в нее. На странице она находится автоматически, и первая строка color: которая будет под ней и будет отвечать за цвет заголовка на данной странице, ее и нужно менять (показано на картинке ниже).

kak-izmenit-tsvet-teksta-na-sajte-vordpress-9071486

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

Если вы хотите еще что то изменить на своем сайте, можете посмотреть еще одну мою статью о том как изменить шапку сайта. Тут тоже не сложно и забирает всего то пару минут.

И так, делая вывод со всего выше описанного, вы теперь понимаете, как изменить шрифт на сайте wordpress и как изменить цвет текста. Если все же у вас возникли трудности, не стесняйтесь, говорите мне в комментариях или же пишите свои вопросы в отдел связь со мной, я вам помогу. Удачи вам и до встречи в следующей статье.

forma2-8822906

Запись опубликована в рубрике Без рубрики. Добавьте в закладки постоянную ссылку.