Оптимизация сайта
19.11.2024
18 комментариев
Рассмотрим изменение шрифта в поле контента, изменение комментариев и увеличение шрифта при вводе сообщения в поле для комментария. Изменить размер шрифта на сайте легко, нужно зайти в style.css в теме и поставить цифру.
Как найти файл? Иногда у начинающих возникает такой вопрос.
Путь следующий:
Диспетчер файлов → public_html → wp_content → themes → папка вашей темы → style.css
Он у всех стандартный, если у вас другой, ищите папку темы, там точно будут нужные файлы.
Поставим две задачи:
Заходим на сайт, нужно открыть одну статью, правой кнопкой мыши выбираем: «Исходный код страницы». Если у вас стоят плагины для блокирования выделений, то отключить.
Ищем статью, это часть кода с большим количеством текста, она немного ниже находится. Вот здесь останавливаемся:
Нас интересует 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 – название шрифта.
Вот такой размер получается, очень удобно набирать и не нужно присматриваться к словам.
Если что-то будет не ясно, спрашивайте. Я не программист, но что-то разбираю сама и другим подсказываю.
Возможно, будет интересно прочитать иные статьи на Редачим. Например, как стать копирайтером и где найти заказчиков для текстов.
Интересное: 
кто хочет в группу единомышленников присоединяйтесь к нам
Присоединиться
Email-рассылка
Комментарии (18)
Роман
13.03.2016
Лена, спасибо, отличный материал! Разложила все по полочкам. Как вижу, ты вроде и у себя увеличила шрифт в поле для ввода комментариев, да? Мне нравится.
Елена
13.03.2016
Привет! Спасибо! Да, увеличила, так гораздо удобнее набирать. Ещё текст и комментарии увеличивала до 16 px, но они уже смотрелись жирноватыми с моим шрифтом, потому оставила 15 рх.
Иван
13.03.2016
Очень полезная статья. прямо тут же и пригодилась )
andi
13.03.2016
Со шрифтом всё чрезвычайно сложно. Нужно учитывать вес селектора, а об этом даже не все верстальщики толком знают.
Елена
14.03.2016
Со шрифтом я экспериментов не проводила, потому только показала, где он задаётся. Эта тема заслуживает отдельного рассмотрения.
land_driver
14.03.2016
Там можно и сам шрифт поменять, вопрос, надо ли и зачем? На блоге должно быть удобно работать, особенно комментаторам, а когда вижу извращения в виде мелких курсивов, меня это всегда напрягает
Елена
14.03.2016
Да, всё должно быть гармонично! Не всегда что-то вычурное пойдёт на пользу!
Жанна
28.03.2016
Интересная информация. Я уже задумывалась как-то, а можно ли сделать что-то со шрифтом. Благодаря этой статье теперь знаю — можно! И очень многое. Спасибо. Появится необходимость, буду знать — как 🙂
Елена
29.03.2016
И вам спасибо,что заглянули, теперь сможете корректировать код по своему усмотрению и это вовсе не сложно, как кажется на первый взгляд.
Арина
03.04.2016
Как все подробно и детально описано! Но я что- то обленилась заниматься техн. моментами. Обращаюсь к специалисту.
Тема шрифтов актуальна для многих сайтов. На некоторых шрифты настолько мелкие, да еще и текст — без абзацев, что читать очень тяжело. Только в крайнем случае, если мне статья нравится, копирую себе в ворд и делаю нужный размер текста, чтобы читать с комфортом. Одному автору ( очень полезного ресурса) даже написала, чтобы он поменял шрифты на сайте.
Жанна
06.04.2016
Елена, и правда не сложно, если 3-4 раза прочитать 🙂
Елена
07.04.2016
Я когда-то тоже пользовалась услугами специалистов и многое мне было не ясно, а теперь понимаю, что могла значительно сэкономить на том, за что платила по 5-7 $.
Anna
22.04.2016
Очень полезная и нужная информация…Теперь буду знать, как это можно сделать…А вот как сделать шрифт более чётким, жирным? Вот как у вас при наборе комментария?С уважением, Анна.
Елена
22.04.2016
В завершающей части статьи написала про commentform textarea, тут необходимо задать параметр font. У меня стоит 18 px.
commentform textarea найдете в файлике style.css
webmarka
03.06.2016
Добрый день! Я хочу поменять цвет фона и шрифта на своем сайте. Как это можно сделать без проблем для сайта?
Дмитрий
12.09.2016
Елена, вы молодец! )))
font-family — работает так:
font-family: Arial,Helvetica,sans-serif;
Сначала на компьютере ищется шрифт Arial, если найден используется на странице, если нет, ищется Helvetica, в противном случае ищется любой другой шрифт без засечек…
Поэтому, чтоб использовался шрифт Helvetica на сайте, правильнее его поставить на первое место, а пока используется Arial, за исключением тех случаев, когда данные шрифты отсутствуют на компьютере посетителя сайта.
Елена
12.09.2016
Спасибо! ))
Раиса
17.01.2017
Я не могу изменить шрифт ( Какой — то другой шаблон и в стилях ничего не нашла.