Застосування css в темах wordpress

При розробці WordPress тем. особливою популярністю користується можливість додавання користувацьких CSS і управління їх параметрами в налаштуваннях. При цьому виникає питання, як правильно застосовувати в темах призначені для користувача CSS. Я накидав три різних підходи, як це зробити. Це не нові прийоми, багато писали про них; на форумах, в блогах, через списки розсилок і т.д. Але як і раніше зустрічаються питання з цього приводу, тому я і хотів розглянути це питання з конкретними рішеннями. Як приклад я буду використовувати наступний код із змінною my_background_color. Я хочу зробити щось на зразок цього: Почнемо з самого простого способу.

header.php

У більшості тим є файл header.php. який містить код шаблону для верхньої частини HTML документа. Це дозволяє легко додавати власні CSS, просто додавши одне з посилань в розділі HEAD в коді HTML: Переваги цього підходу полягає в тому, що це дуже просто, у вас вже є header.php і додавання кількох рядків не займе багато часу. Недоліком є ​​те, що це не дуже гнучке рішення. Якщо у Вас є багато включень в цю секцію, і Ви встановлюєте складні правила про те, де і коли потрібно включати ті чи інші CSS, то Ваш файл header.php отримує зайвий додатковий код, який не для всіх сторінок буде необхідний, але буде завантажуватися . Якщо ваші потреби прості, то це прекрасно працює. Якщо немає, то я пропоную використовувати або wp_head або parse_request.

Кожна тема в кінці розділу HEAD документа HTML викликає вбудовану WordPress функцію - wp_head. - яка може використовуватися для включення користувальницьких CSS: Єдина реальна різниця між цим підходом і попередніх є те, що він вносить менше безладу в header.php. Замість того, щоб весь код поміщати header.php. можна розташувати його в окремому файлі. Коли wp_head функція буде виконуватися, WordPress додасть потрібний код в шапку.

parse_request

висновок

Отже, у Вас є три методи підключення CSS у Вашій темі WordPress. Я люблю використовувати parse_request з CSS в окремому файлі (останній приклад). Проробивши трохи додаткової роботи Ви отримаєте достатню гнучкість і хороший рівень поділу, що робить управління частиною CSS набагато легше.

Читаючи цей сайт Ви даєте свою згоду на використання файлів Cookie. В іншому випадку покиньте цей сайт. погоджуюся