Меняем шрифт в статье движка WordPress

Меняем шрифт в статье движка WordPress

shrift-cluve.ruКак обычно тема Hueman. Написал статью, как поменять фон меню в подвале сайта, опубликовал. Открываю и вижу, что шрифт получился довольно великоватый, вроде и читается крупный шрифт лучше, но выглядит всё это как-то не так. Немного поднаторел в консоли движка WordPress и решил исправить размер шрифта. Как оказалось малость переоценил себя в возможности работать с движком.

Захожу в консоль, открываю для изменения запись статьи, там всё блоками, вроде бы удобно. Справа нахожу как изменить размер шрифта маленький – 13px, обычный – 16px и так далее. Выбираю маленький, получился слишком мелкий, поэксперементировав добавил пикселей – 15px. Посмотрел, нормально. Заодно решил кое-что поправить в статье, а именно изменить цвет некоторых строчек.

И вот тут меня ждал сюрприз, в редакторе данных блоков нет такой функции, точнее есть, но меняется либо цвет фона, либо вообще весь текст. Ладно, думаю, поменяю блоки, в верхнем левом углу есть замена блоков ( + в кружке ). Попробовал разные и остановился на Классическом, там редактор позволяет изменять цвет только выделенного текста (пришлось менять все блоки поочерёдно на классические).

Сохранил всё, просматриваю и наблюдаю такую картину – шрифт вернулся в изначальное состояние (у меня был 16px). Возвращаюсь в редактор, чтобы снова поменять шрифт и радуюсь, в классическом стиле блоков нет функции изменения шрифта (может и есть, я не нашел).

Ну что ж, как говориться – интернет в помощь, полез смотреть. Статей, как исправить, хватает и каких статей. Вот пример: “измените размер шрифта в style.css”, читаю комментарии:

“Можно было и подробнее осветить этот момент.”

Ответ:

“Да что здесь подробней то освещать? Находите в таблице стилей правила и меняете значения свойств на нужные.”

Действительно, что уж тут не понятного-то, всё доходчиво (чуть в монитор не плюнул). Причем это не пример конкретного сайта, а собирательный образ с нескольких. Я понимаю, что профи до безобразия, но разобраться пытаются и простые смертные. Не везде, конечно, так, некоторые пишут весьма содержательно и понятно, но в моём случае не подходит из-за специфики темы. В общем ничего не нашел, но направление уяснил.

Ладно, всё это была лирика для того, чтоб совсем пусто не было, а теперь к делу. Напоминаю, что редактируется тема Hueman, про другие не знаю (скорее всего всё будет в файле style.css). Для изменения шрифта в определённой статье находим файл main.min.css (сохраняем его, вполне возможно что-то пойдет не так, если не знаете как, просто выделите код (ctrl+A) и перенесите в блокнот) он находится:

В управлении хостинга:

/ваш сайт/wp-content/themes/hueman/assets/front/css/main.min.css

В редакторе темы:

внешний вид — редактор тем – assets – front – css — main.min.css.

Находим строчку:

.entry{font-size:1.125em;line-height:1.6em}

Для этого нажимаем ctrl + F и в форму поиска вставляем:

.entry{font-size:1.125em;line-height:1.6em} или просто .entry{font-size:

При вводе .entry{font-size:1.125em;line-height:1.6em} может ничего не отобразиться так как значения 1.125em и 1.6em могут быть разными. Тогда сокращаем до .entry{font-size: теперь высветится несколько мест ( у меня 4 ).Чтобы не искать покажу примерный кусок кода:

.entry{font-size: 1.125em;line-height:1.6em}.entry dd,.entry p{margin-bottom:1em}.entry dt{color:#444;font-weight:600}

Нас интересует значение font-size:1.125em; заменяете его уже по своему усмотрению: от 0.1em до 1.125em (у меня получилось 0.9em)

line-height:1.6em — это расстояние между строчками, его трогать не надо, но если хотите, можете поиграться.

Данная статья была написана для себя, чтоб не забыть если вдруг опять понадобиться, так что не исключаю, что не всё понятно, а может и просто не сходиться с другими файлами или значениями. Разбирался сам в меру своей компетентности, а она у меня далека от профессионализма.

Читайте также:

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

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