Как использовать пользовательские стили в WordPress

Автор:
Nurlan Kemelbekov

Почему я должен использовать пользовательские стили в WordPress?
Потому что это позволяет настраивать стили темы WordPress без изменения основных файлов. Это позволяет обновлять тему WordPress без потери пользовательских модификаций стилей.

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

Как создать пользовательский стилей в WordPress

Откройте текстовый редактор, создайте новый текстовый файл, сохраните его как «custom.css» и загрузите его в папку CSS в папке вашей активной WordPress темы (т.е. / wp-content/themes/theme/css /) через FTP.

Скачать файл functions.php активной темы через FTP.
Открыть файл functions.php в текстовом редакторе и отыскать строку «wp_register_style», а затем добавить новую линию под ним следующим образом:

wp_register_style("custom", get_template_directory_uri() . "/css/custom.css", '', '1.0.0');

Также в functions.php найти «wp_enqueue_style» и добавить новую линию под ним следующим образом:

wp_enqueue_style('custom');

Сохранить и перезаписать файл functions.php в папке активной WordPress темы через FTP.

Теперь custom.css будет загружен в wp_head () и появится в HTML всех веб-страниц WordPress следующим образом:

<link rel='stylesheet' id='custom-css' href='http://domain.com/wp-content/themes/theme/css/custom.css?ver=1.0.0' type='text/css' media='all'/>

Я рекомендовал бы держать пользовательские таблицы стилей понятным для себя и организовывать CSS по группам с использованием комментариев, четко обозначив их. Например, держать все общие CSS в одной группе, отзывчивый CSS, сгруппировать по резолюции и, наконец, CSS конкретных плагинов, сгруппированные по плагинам. Это позволит сэкономить много времени в дальнейшем, если вы прекратите использовать плагин, то можете просто удалить группу стилей, характерных для этого плагина.

Если вы используете кэширование на сайте WordPress и / или CDN, рекомендую после, как вы сделаете правки обновить версию custom.css файла в functions.php, чтобы предотвратить кэш браузера посетителя, не показывающая последние изменения custom.css таблиц стилей. Таким образом, браузер определит custom.css, как новый файл и загрузит новую копию. Скажем, Вы сделали правку в файле custom.css. Для того, чтобы обновить номер версии  нужно отредактировать строку кода, которую добавили в файл functions.php до версии 1.0.1 следующим образом:

wp_register_style("custom", get_template_directory_uri() . "/css/custom.css", '', '1.0.1');

Пять CSS настроек, которые помогут изменить дизайн блога

Теперь, когда файл загрузится в HTML он будет интерпретирован, как новый файл, а не останется в кэше браузерах посетителей. Это будет оказывать следующим образом:

<link rel='stylesheet' id='custom-css' href='http://domain.com/wp-content/themes/theme/css/custom.css?ver=1.0.1' type='text/css' media='all'/>

Вот и все. Теперь у вас есть custom.css файл, чтобы делать все пользовательские изменения таблиц стилей.



Вам также может понравиться:


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

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

* Copy This Password *

* Type Or Paste Password Here *

3 × 4 =

Я просто хотел сказать, как сильно я ценю Ваш комментарий на мой пост. Спасибо Вам !!