Как изменить шрифт на сайте?
Сегодня мы подробно разберем с вами вопрос «Как изменить шрифт на сайте». Достаточно часто возникает такая ситуация, по крайней мере у меня, когда хочется внести в оформление ресурса новые нотки или настроение, например изменить шрифт (способ начертания, размер, цвет) или заменить весь шаблон целиком. Но при нахождении хорошего варианта, частенько не устраивает размер шрифта или его цвет, который указал верстальщик при разработке. В связи с этим написан этот пост. В нем мы подробно разберем вопрос «Как изменить шрифт на сайте в WordPress», а конкретнее поговорим о том, как поменять его размер, начертание и цвет.
Если вы решили изменить шрифт в WordPress, Joomla или на любом другом CMS движке, то алгоритм ваших действий будет практически одним и тем же. Я в этой статье основной упор буду делать на WordPress, так как этот блог базируется на этом движке.
Перед тем как предпринимать какие-либо действия или делать выводы, отключите, пожалуйста, плагины, которые отвечают за изменения шрифта на сайте. Прежде всего, я говорю о плагине MCE, который очень часто встречается, как в WordPress, так и на Joomla. Он может препятствовать выводу результата.
Как изменить размер шрифта
Работать мы будем исключительно с файлом стилей Style.css, до которого можно добраться двумя путями. Первый, через хостинг или FTP клиент. Вы сможете найти его в папке с вашей темой, например:
public_html/wp_content/themes/название темы/style.css
Второй, через консоль блога. Для этого откройте панель WordPress, в меню расположенном слева найдите строку «Внешний вид» и нажмите на нее, далее жмем на слово «Редактор». Теперь в меню, которое располагается справа ищем заголовок «Список стилей» и под ним открываем файл «style.css» именно в нем мы и будем изменять размер шрифта.
Если вам требуется изменить размер шрифта в заголовках, которые относятся к посту или ко всему контенту, то нажимаем сочетание клавиш «Ctrl+F» и в открывшейся строке поиска вводим слово «font-size» так, чтобы появился, примерно, вот такой вот блок кода:
Именно она отвечает за размер шрифта. Вам остается только изменить ее значение и потом нажать на кнопку «Обновить», которая располагается чуть ниже и посмотреть результаты на сайте.
Как изменить тип (стиль) шрифта на сайте
По аналогии с предыдущим вариантом ищите файл «style.css», далее в зависимости от того, где именно вы будете изменять тип (стиль) шрифта, нажимаете комбинацию клавиш «Ctrl+F» и вводите «header», то есть я буду делать изменения в шапке. В блоке записей, который перед вами откроется, обратите свое внимание на строку «font-family», так как именно она отвечает за тип или его стиль.
В ней прописаны три различных шрифта стоящих друг за другом через запятую. Это делается затем, чтобы мы могли читать опубликованный текст на любом устройстве. Не все из них встречаются на любых компьютерах. Поэтому, если вы собираетесь изменить стиль шрифта на сайте, вам нужно после слов «font-family» поменять первый шрифт на свой, который вы хотите видеть. Они выстраиваются по приоритету. После замены жмете на кнопку «Обновить» и идете на главную страницу ресурса смотреть результат ваших действий.
Как изменить цвет шрифта на сайте WordPress
Как и в предыдущем варианте, вам необходимо найти файл, который отвечает у вас за вывод стилей. По стандарту, это тот же «Style.css». Выполните те же самые действия, что описаны выше, но теперь будете вводить слово «color», если вы внимательно посмотрите на изображение выше или ниже, то вы его увидите. Поменяв значение, которое стоит после «двоеточия», вы измените цвет шрифта на сайте в WordPress.
При изменении шрифта помните всегда о посетителях ресурса, которым предстоит его читать. Не стоит очень сильно украшать его. Выделяйте жирным, курсивом или подчеркиванием только те элементы, на которые стоит обратить внимание.
А так же не стоит забывать о том, что шрифт выделенный жирным, намного заметнее чем, например, курсив, так как он становится заметным только при его прочтении. Вот пример того, как не следует изменять шрифт на сайте.
На этом у меня все. Если у вас остались какие-либо вопросы, то я готов ответить на них в комментариях. Удачной вам работы.
С уважением, Дороднов Иван
(8 голос, средний: 4,75 из 5)
Loading ...
Навигация
Предыдущая статья: ← Оптимизация шаблона WordPress
Следующая статья: Как вести WordPress блог на iPad или iPhone? →
В этой же рубрике:
Понравилась статья? Получайте свежие уроки прямо на email или подпишитесь на RSS ленту блога!
Здравствуйте. У меня стоит плагин MCEComments. Из вашей статьи я узнала, как поменять размер шрифта на сайте. Может быть вы знаете, как поменять размер шрифта в этом плагине. Уж очень мелкий шрифт выводится при написании комментариев. Спасибо.
Открываете архив с плагином MCEComments, берете файл с расширением php и ищете в нем строчку начинающуюся со слова size — это и будет команда, которая отвечает за размер шрифта.
Здравствуйте, у меня вопрос как у Дарьи.
На моем сайте весь заголовок написан заглавными буквами. Подскажите, пожалуйста, как это исправить?
Вам нужно искать строчку со словом title в файл header.php и style.css. Там вы сможете либо перезаписать заголовок, либо поставить соответствующие html теги.
Спасибо, я уже поменяла
Здравия. Со стилем и цветами в целом ясно, а как изменить сам текст? Где-то попадалось в коде, но сейчас никак не выходит найти. В теме ВП часть надписей на английском, хочу переправить их на русские.
Необходимо перевести файлы блога в кодировку utf-8 и просто переписать слова на русский язык. Стиль текста можно изменить через файл style.css
О, круто давно искал урок, как изменить шрифт на сайте, а тут еще узнал как изменить цвет и размер. Все в одном комплекте.
Да, решил, что не стоит писать много статей с малым количеством материала. а лучше опубликовать все сразу. что касается изменения шрифта на сайте или WordPress блоге.
Спасибо, Иван, за полезную статью! А как создать и добавить новый стиль только для комментариев? То есть чтоб фон и шрифт комментариев был другой чем у остального текста? (а то сливается)
Елена, вам необходимо отыскать в файле comment.php или в файле с аналогичным названием часть кода, которая отвечает за вывод комментариев. Далее определить какой кусок отвечает за авторские комментарии, отыскать его в style.css и изменить цвет оформления
Спасибо, Иван!! С Рождеством!
Во-первых, спасибо автору.
Вот вроде как, всё понятно и доступно. Ничего лишнего (краткость — сестра таланта).
Но, я вроде как, сделала всё, как здесь и написано, но... у меня ничего не поменялось.
То есть, как был шрифт мелкий, так и остался.
Вот... грешу на шаблон. Такое, возможно?
На днях попробую на других сайтах применить. Уж очень хочется размер шрифта в контенте поменять, посетители, как бы, недовольны. Дескать, сайт и полезным кажется, но вот... сетуют на то, что уж очень шрифт мелкий, почти нечитаемо.
Я установила дополнительные кнопки в визуальный редактор, но там т-а-к-о-й HTML — код огромадный, получается...
Ведь всё так понятно. И нет ничего лишнего, а у меня не получилось.
То ли, я такая бестолковая.
Естественно шрифт нужно изменять в файлах шаблона. Возможно вы ошиблись с тегом отвечающим за шрифт или не скинули КЭШ в браузере.
Здравствуйте.
В общем-то, я кеш скидываю при каждой новой публикации.
Ладно, как-нибудь, разберёмся. В любом случае, информация нужная и полезная.
С уважением.
попробуйте использовать тег font size
Так это не то, что я сделала по первому примеру?
Я имею в виду, что этот параметр вы можете выставить в самом редакторе, где пишите статью.
Спасибо... Я попробую.
Здравствуйте,Пытаюсь сделать шрифт заголовка сайта: жирнее и больше. Но опасаюсь)Шрифт меняется в файлах: style.css или blue.css?Как и где менять?Заранее благодарен за ответ.
Файл style.css. Редактируйте и бойтесь, просто заранее сделайте резервную копию, если не сможете восстановить обратно.
Это-то я знаю, но какая строчка?)
Открываете страницу, ищите строку которую хотите изменить и смотрите какой стиль около нее прописан.
А вы не знаете почему wordpress изменяет размер вставленной в пост фотографии, в случае если её подписать из админки?
Ничего подобного wordpress не делает. внимательно смотрите на параметры, которые выставляются вручную при публикации картинки.
Здравствуйте. А вот у меня почему-то жирный шрифт ( и не везде)! Как с этим бороться?
править файл style.css
Спасибо, но у меня меняется весь шрифт на сайте пропорционально. Что делать, если нужно увеличить только заголовок?
Открыть файл single.php и поменять значение тега H, который скорее всего расположен около тега title
Иван, спасибо за дельную статью. Все понятно, но не все естественно получается у чайников как я =). Подскажите, как изменить шрифт в названии сайта и как его сдвинуть в право. Очень срочно нужно.
Заранее благодарю.
Откройте файл header.php и по обе стороны от тега title пропишите тег div с атрибутом right
Подскажите, как изменить шрифт в теме Mistique? Там нет таких настроек?
Пробовал изменить цвет и размер на этом сайте domashnie-lyubimcy.ru, но не чего не получилось... Из админ панели сначала, потом на хостинге, но нет...
Заходил по пути public_html/wp_content/themes/название темы/style.css
плагина MCE не стоит.
Не подскажите, в чем может быть причина?
Доброго дня, Александр. Мне нужно видеть сам файл, если до сих пор не решили проблему, то можете отправить мне его на почту.
Там есть такие настройки, на основании этого шаблона была написана статья.
Хочу изменить размер шрифта и интервал между строк в статьях. В отдельности каждая статья корректируется, а вот в целом по всем статьям как я могу это сделать? Пыталась через табоицу стилей редактировать все без изменений. После обновлений изменений, шрифт и интервал не меняются.
Заранее спасибо
сложно дать ответ, так как каждый шаблон индивидуален.
Добрый день, Иван!
Это вы мне написали: «Там есть такие настройки, на основании этого шаблона была написана статья.»?
Где, какие настройки?
Какой файл прислать, style.css? Здесь вашей почты не нашел, написал вконтакте и ссылку на яндекс диск скинул.
Заранее благодарен.
Почта: disseo (собачка) ya.ru