Оформлення сайту на WordPress здійснюється за допомогою стилів. Існує кілька варіантів підключення файлу (ів) зі стилями до HTML документу. У WordPress самим «правильним» способом (на момент написання статті) є підключення у файлі functions.php. Це рішення використовується в темах поставляються разом з WordPress за замовчуванням, наприклад Twenty Fifteen.
Стилі Вордпресс за замовчуванням
Для мене залишається загадкою, чому обов'язковий для будь-якої теми WordPress файл стилів style.css не вдалося підключитися до цієї самої теми (шаблону) автоматично. І необхідно прописати підключення файлу таблиці CSS Вордпресс вручну.
У цій статті я розповім як правильно в WordPress підключити CSS стилі.
Таблиця стилів WordPress
Для того, щоб ваша тема WordPress використовувала стилі оформлення з файлу style.css необхідно, щоб у файлі functions.php вашого шаблону були присутні такі рядки:
Додаткові CSS WordPress
Якщо вам необхідно підключити до теми кілька файлів зі стилями, наприклад ви використовуєте скидання CSS стилів у файлі reset.css, то тоді необхідний код в файлі functions.php буде виглядати так:
Приклад наведено для випадку, коли файл reset.css лежить в корені вашої теми поруч з файлом style.css.
Застарілі методи підключення файлу CSS стилів
Раніше файл стилів в WordPress можна було підключити до теми додавши наступний код (приклад для HTML5) в секцію HEAD або перед закриває тегом BODY:
Але тепер цей спосіб вважається застарілим.
Корисні посилання
При написанні статті були використані наступні джерела: