Рубрики

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

Цвета

Дизайн тем WordPress контролируется CSS, языком веб-дизайна.

Если вы зайдете в Внешний вид >> Редактор
в WordPress, вы увидите свою таблицу стилей CSS, которая управляет различными частями вашей темы, такими как:

  • размер шрифта
  • Цвет шрифта
  • семейство шрифтов
  • ширина столбца

Сложность в том, что вы должны немного понять кодирование, чтобы иметь смысл и редактировать файл.

Тем не менее, часть кода довольно интуитивно понятна. Например, если вы видите раздел, который читает ...

Размер шрифта .header 
: 12px;

Это означает, что 12px — это размер шрифта для области заголовка. Так что если вы хотите увеличить его, просто увеличьте это число до 14, например.

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

Тем не менее, некоторые не так легко понять. Это действительно зависит от того, как это было закодировано.

КУПИТЬ ПРЕМИУМ ТЕМЫ СО ВСТРОЕННЫМИ РЕДАКТОРАМИ

Существует множество первоклассных тем WordPress, в которых есть редакторы или дополнения, которые помогут вам настроить общий дизайн темы, шрифты и цвета.

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

Например, если вы покупаете тему StudioPress Genesis (это фреймворк, который я использую), у них есть премиальный плагин (дополнение), называемый Design Palette Pro, который позволяет вносить изменения во многие из их тем.

Темы Headway также очень настраиваемы и используют функциональность перетаскивания. Я никогда не использовал их, однако.

ВСЕГДА ДЕЛАЙТЕ РЕЗЕРВНУЮ КОПИЮ

Перед редактированием файла CSS скопируйте и вставьте код в текстовый файл и сохраните его. Таким образом, если вы совершите ошибку, вы сможете ее исправить.

Также читают

Понравилась статья? Поделись с другом!!!

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

 ;-)  :|  :x  :twisted:  :smile:  :shock:  :sad:  :roll:  :razz:  :oops:  :o  :lol:  :idea:  :grin:  :evil:  :cry:  :cool:  :???:

двадцать + 3 =