WordPress. Правильное подключение таблиц стилей

14 Дек 2014

В новых версиях CMS WordPress изменилось подключение JS библиотек и таблиц стилей. То есть если раньше мы подключали их напрямую в HEAD, то сейчас в этом нет необходимости.

Все подключение происходит в файле functions.php

Данный код подключает стандартный файл style.css

1
2
3
4
5
6
7
8
9
10
11
12
function enqueue_styles() {
wp_enqueue_style( 'whitesquare-style', get_stylesheet_uri());
wp_register_style('font-style', 'http://fonts.googleapis.com/css?family=Oswald:400,300');
wp_enqueue_style( 'font-style');
}
add_action('wp_enqueue_scripts', 'enqueue_styles');
 
function enqueue_scripts () {
wp_register_script('html5-shim', 'http://html5shim.googlecode.com/svn/trunk/html5.js');
wp_enqueue_script('html5-shim');
}
add_action('wp_enqueue_scripts', 'enqueue_scripts');

Не забываем обернуть его в теги php.
Код существенно снижает нагрузку на сайт и увеличивает скорость загрузки в отдельных случаях в три раза.
В функции enqueue_styles мы подключили нужные стили. JS нужен для правильного отображения HTML5 тегов в старых версиях браузеров.

Таким же способом можно подключить JS-библиотеки.

function my_jquery_scripts() {
wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js');
wp_enqueue_script( 'jquery' );
}

Прелесть этого способа заключается в том, что скрипт отменяет загрузку всех библиотек, а затем загружает ее один раз в сервера Google, опять же экономя ресурсы.

На заметку.

Очень важно правильное использование php-тегов. Не допускается присутствие невидимых символов после закрытия тега ?> таких как пробел или перенос строки. Чтобы гарантированно избежать этого допускается вообще не ставить закрывающий тег в конце файла functions.php. 

Разумеется в остальных случаях тег лучше все-таки закрыть.

Share