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

ПятачокВинни, я смотрю, ты поменял шрифт на сайте. Теперь он у тебя без засечек. Как ты это сделал?

Винни-ПухОчень просто, Пятачок. С помощью таблицы стилей легко поменять размер шрифта, его цвет и многое другое в стандартной теме. Что я и сделал в нашей теме Twenty Ten. И это только начало. Потихоньку начну менять ее оформление.Как изменился шрифт сайта на WordPress



Ослик
А что такое таблица стилей?

Винни-Пух

Ослик, это гениальное изобретение! Раньше было как? Захотел что-то изменить на своем статическом сайте на html, перелопачиваешь все страницы и меняешь код в каждой. А потом появилась возможность вносить изменения в отдельный файл css. Вся прелесть в том, что все изменения в нем сразу отражаются на всех страницах. Так что теперь изменить шрифт на всем сайте, в том числе и на wordpress — дело пяти минут!

Ослик А где он находится? Этот файл стилей.

Винни-Пух

Заходишь в админке во Внешний вид / Редактор, выбираешь в правом верхнем углу название своей темы (или проверь, что открыта именно она), в правой колонке в самом низу увидишь заголовок Стили, а под ним Таблица стилей (style.css). Кликай на ее.

Таблица стилей (style.css)

 

 

 

Twenty Ten: Таблица стилей (style.css) Выберите тему для изменения: Twenty Ten: Таблица стилей (style.css) Выберите тему для изменения:

Винни-ПухОткроется файл: Twenty Ten: Таблица стилей (style.css)

 

 

 

В ней с помощью поиска Ctrl+F найди font-family и измени название шрифта на свой. Я заменил Georgia, «Bitstream Charter», serif; на Verdana; Не забудь поставить точку с запятой и кликнуть на «Обновить файл» внизу.

/* =Fonts
————————————————————— */TwentyTen240214-2
body,
input,
textarea,
.page-title span,
.pingback a.url {
font-family: Verdana;
}

Винни-ПухВот и все. Этот изменение сразу появится на всем сайте Вордпресс. Изменится шрифт заголовков, текста, рубрик.

Ослик

Пятачок Спасибо, Винни!

Винни-ПухПользуйтесь, друзья! Только я вот, наверное, вернусь к прежнему шрифту Georgia. Что-то эта Verdana мне уже не очень. Или буду подбирать другой шрифт. Поэтому перед экспериментами всегда сохраняйте исходники. В нашем случае — прежний файл style.css. Тогда легко будет все восстановить.

Запись опубликована в рубрике Twenty Ten, оформление. Добавьте в закладки постоянную ссылку.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

2 + = 3