В новых версиях CMS WordPress изменилось подключение JS библиотек и таблиц стилей. То есть если раньше мы подключали их напрямую в HEAD, то сейчас в этом нет необходимости.
Все подключение происходит в файле functions.php
Данный код подключает стандартный файл style.css
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.
Разумеется в остальных случаях тег лучше все-таки закрыть.
