Як вбудувати в код невеликі css-стилі

Головна »Створення сайту, розкрутка сайту

Вбудовування невеликих CSS-стилів

Вбудовування невеликих CSS-стилів безпосередньо в HTML-код сторінки дозволяє прискорити завантаження як самого стилю, так і всієї сторінки в цілому. До того ж, якщо Ви вбудували в HTML-код невеликий CSS файл, який до цього перебував на сторонньому ресурсі, Ви додатково зменшите затримку перед завантаженням інших ресурсів. Одним словом, результат буде досить непоганим.

Як вбудувати невеликий CSS-файл в код сторінки?

Зазвичай CSS стилі в HTML коді викликаються наступним чином:

І це правильний спосіб виклику CSS-стилів. Однак, якщо стиль CSS має невеликий розмір, то можна вбудувати його код безпосередньо в HTML код сторінки. Це вб'є необхідність запитувати файл, вміст якого вельми затишно може розташуватися в HTML-коді сторінки. Природно, тут потрібно розуміти, що надмірно збільшувати код сторінки шляхом загону в нього великих за обсягом файлів стилів, які не є дуже добре. А щоб код сторінки не сильно збільшувався, можна додатково стиснути HTML-код сторінки. А для файлу між тегами:

Ось і вся наука. До речі, невеликі файли CSS можна отримати стисненням CSS-стилів.

Як вбудувати CSS-файли в CMS WordPress?

Деякі складнощі можуть виникнути при спробі вбудувати CSS-стилі на сайті під керівництвом CMS WordPress. В основному Вам доведеться вбудовувати CSS файли будь-яких плагінів. Для цього, в першу чергу Вам необхідно з'ясувати де викликаються дані стилі (в head, body, footer або в іншому місці). Для цього просто покопатися в HTML коді сайту (Ctrl + U в допомогу). Коли з'ясуйте це, необхідно знайти місце, де цей стиль додається в дану ділянку. Для цього, звичайно, використовується команда add_action:

Залежно від ділянки коду, перший аргумент може приймати значення або wp_head. або wp_footer. або щось інше. Пошук необхідно виробляти в php файлах плагіна, а так само в файлі functions.php, який розташований в корені Вашої теми. Коли знайдете місце виклику, дійте по ситуації. Найлегший спосіб - скасувати виклик даного CSS-файлу і вбудувати його вміст в один з файлів теми (header.php. Footer.php. Archive.php і інші).