Как изменить шрифт заголовка поста

Для самых дотошных блоггеров, которые не жалеют времени, чтобы каждая деталь сайта выглядела как влитая, — очередная статья из серии «Html». Если в прошлый раз мы говорили, как изменить шрифт заголовка в блоге или сайте на WordPress, то сегодня речь пойдет о том, как изменить шрифт заголовка поста (статьи).

Блоги — как люди. Хотят быть красивыми

Из записок Необлоггера

Это важный элемент шаблона, поскольку все статьи расположены обычно в ленте  главной страницы сайта и неудачный шрифт может испортить всю картину. Как было у меня. Когда я сделала первый блог opartnerke.ru и установила первый в жизни шаблон, шрифт на нем оказался грубый, широкий и еще не покидало ощущение, что он криво стоит в теме — некоторые буквы и слова «плыли».

zagolovok_post

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

Как изменить шрифт заголовка поста

  1. Итак, заходим в Консоль → Внешний вид → Редактор → находим Список стилей (style.css)
  2. В открывшемся файле нужно найти код, который отвечает за шрифт поста. В моей теме в Списке стилей код расположен в разделе Content в блоке Post Title. На рисунке выделено верхним красным прямоугольником.

Как изменить шрифт заголовка поста

В каждой теме (шаблоне) строчка кода может выглядеть по-разному. Чтобы найти точную строчку именно своего шаблона, изучите статью, как найти и изменить код html>.  В качестве небольшого бонуса — обратите внимание на нижний прямоугольника рисунка: здесь меняется цвет шрифта заголовка поста.

ВАЖНО! все изменения в html сначала лучше делать на тестовом поддомене, на который установлена такая же тема, как в Вашем блоге.

Видеоурок, как изменить цвет шрифта заголовка поста

Часть урока, посвященная изменению шрифта, начинается с 8:30 минуты

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

  • 22.10.2012

92 686 просмотров

Оцените статью
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
blank Загрузка...