Главная » Полезности » Как изменить размер шрифта на WP?

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

Информация

Рассмотрим изменение шрифта в поле контента, изменение отправленных комментариев и увеличение шрифта при вводе сообщения в поле для комментария.

Изменить размер шрифта на сайте легко, достаточно зайти в файлик style.css в своей теме и поставить нужную цифру.

Как найти файлик? Да, иногда у начинающих возникает и такой вопрос.

Путь следующий:

Диспетчер файлов → public_html → wp_content → themes → папка вашей темы → style.css

Он у всех стандартный, если у вас другой, ищите папку темы, там точно будут нужные файлы.

Изменение шрифта в поле контента

Поставим две задачи:

1. Поменять существующий шрифт на другой.
2. Изменить размер букв в поле для контента.

Заходим на сайт, желательно открыть одну статью, правой кнопкой мыши выбираем: «Исходный код страницы». Если у вас стоят плагины для блокирования выделений, то временно отключить.

Исходный код

Ищем нашу статью. Это часть кода с большим количеством текста, она немного ниже находится. Вот здесь останавливаемся.

Качественный текст

Нас интересует div class , который стоит выше текста. Необходимо узнать, что искать в файле style.css. Вот он, смотрите:

код

У меня это «entry» . В нём указан размер и вид шрифта. Давайте проверим. В вашей теме у этого класса будет другое название, главное его увидеть. Идем в файлик style.css, ищем название. Нажимаем Ctrl+F и вписываем в окно поиска «entry». Поиск сразу выделит нужную строку.

Шрифты

В поле «font-size» ставьте, сколько вам нужно пикселей, у меня 15 стоит – это размер, а в поле «font-family» вписываете название шрифта. У меня контент обозначен вторым шрифтом.
Межстрочный интервал меняем в строке «line-height», у меня стоит 20px.

Изменение шрифта комментариев

Чаще всего, после установки шаблона на WordPress, комментарии мелкие, их трудно читать и это отталкивает людей. Шрифт должен быть удобным для чтения, не слишком большим, но и не маленьким, а главное — вписываться в общую стилистику сайта.

Я меняла у себя шрифт на крупный размер, выглядело ужасно, зато читать было удобно. Поигралась немного и оставила наиболее подходящий вариант. Находим нужный класс в открытом коде страницы, у меня это «class = commentlist».

коды

В файле style.css при помощи ctrl+f находим строку «commentlist». Изначально у меня не было здесь заданного размера, я просто его добавила, написав: font-size: 15px.

шрифты

Если вам нужен больше размер, ставьте тот, который понравится.

Изменение шрифта в поле комментария

Происходит также в файле style.css. При помощи поиска вводим следующее: commentform textarea. Это у всех стандартно должно быть. Если не видите font, то самостоятельно пишем font: 18px Arial;

шрифт в комментариях

Arial – название шрифта.
Вот такой размер получается, очень удобно набирать и не нужно присматриваться к словам.

Увеличенный шрифт

На этом всё! Если что-то будет не ясно, спрашивайте. Я не программист, но что-то разбираю сама и другим подсказываю.

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

  1. Роман:

    Лена, спасибо, отличный материал! Разложила все по полочкам. Как вижу, ты вроде и у себя увеличила шрифт в поле для ввода комментариев, да? Мне нравится.

    • Елена:

      Привет! Спасибо! Да, увеличила, так гораздо удобнее набирать. Ещё текст и комментарии увеличивала до 16 px, но они уже смотрелись жирноватыми с моим шрифтом, потому оставила 15 рх.

  2. Иван:

    Очень полезная статья. прямо тут же и пригодилась )

  3. andi:

    Со шрифтом всё чрезвычайно сложно. Нужно учитывать вес селектора, а об этом даже не все верстальщики толком знают.

    • Елена:

      Со шрифтом я экспериментов не проводила, потому только показала, где он задаётся. Эта тема заслуживает отдельного рассмотрения.

  4. land_driver:

    Там можно и сам шрифт поменять, вопрос, надо ли и зачем? На блоге должно быть удобно работать, особенно комментаторам, а когда вижу извращения в виде мелких курсивов, меня это всегда напрягает

    • Елена:

      Да, всё должно быть гармонично! Не всегда что-то вычурное пойдёт на пользу!

  5. Жанна:

    Интересная информация. Я уже задумывалась как-то, а можно ли сделать что-то со шрифтом. Благодаря этой статье теперь знаю — можно! И очень многое. Спасибо. Появится необходимость, буду знать — как 🙂

    • Елена:

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

  6. Арина:

    Как все подробно и детально описано! Но я что- то обленилась заниматься техн. моментами. Обращаюсь к специалисту.
    Тема шрифтов актуальна для многих сайтов. На некоторых шрифты настолько мелкие, да еще и текст — без абзацев, что читать очень тяжело. Только в крайнем случае, если мне статья нравится, копирую себе в ворд и делаю нужный размер текста, чтобы читать с комфортом. Одному автору ( очень полезного ресурса) даже написала, чтобы он поменял шрифты на сайте.

    • Елена:

      Я когда-то тоже пользовалась услугами специалистов и многое мне было не ясно, а теперь понимаю, что могла значительно сэкономить на том, за что платила по 5-7 $.

  7. Anna:

    Очень полезная и нужная информация…Теперь буду знать, как это можно сделать…А вот как сделать шрифт более чётким, жирным? Вот как у вас при наборе комментария?С уважением, Анна.

    • Елена:

      В завершающей части статьи написала про commentform textarea, тут необходимо задать параметр font. У меня стоит 18 px.
      commentform textarea найдете в файлике style.css

  8. webmarka:

    Добрый день! Я хочу поменять цвет фона и шрифта на своем сайте. Как это можно сделать без проблем для сайта?

  9. Дмитрий:

    Елена, вы молодец! )))
    font-family — работает так:
    font-family: Arial,Helvetica,sans-serif;
    Сначала на компьютере ищется шрифт Arial, если найден используется на странице, если нет, ищется Helvetica, в противном случае ищется любой другой шрифт без засечек…
    Поэтому, чтоб использовался шрифт Helvetica на сайте, правильнее его поставить на первое место, а пока используется Arial, за исключением тех случаев, когда данные шрифты отсутствуют на компьютере посетителя сайта.

  10. Раиса:

    Я не могу изменить шрифт ( Какой — то другой шаблон и в стилях ничего не нашла.

Оставить комментарий