Jquery для wordpress

Jquery — это мощнейший фреймворк, написанный на js. С помощью джеквери можно создавать сложные галереи фотографий, красивые слайдеры, выпадающие меню и многое, многое другое. Но перед тем, как использовать эту библиотеку, jquery необходимо подключить на wordpress. О том, как это сделать, читайте в этой записи.

jquery на wordpressСуществует несколько способов подключения jquery для wordpress. Какие-то из них — неправильные с точки зрения идеологии движка, но я все-таки напишу и о них.

Первый способ является рекомендуемым: его предлагают сами разработчики ВП. Все, что вам нужно сделать — это открыть файл functions.php вашей темы и добавить следующий код:

function my_scripts_method() {
    wp_deregister_script( 'jquery' );
    wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js');
    wp_enqueue_script( 'jquery' );
}    
add_action('wp_enqueue_scripts', 'my_scripts_method');

Плюсы этого кода: во-первых, вашим посетителям не придется загружать дополнительные килобайты, так как jquery от гугла находится в кэше у 99% людей. Во-вторых, этот код идеологически верен: вы не делаете каких-то вещей, которые могут понизить безопасность вашего блога.

Второй способ противоречит строению движка. Я вам его бы не советую. Чтобы подключить jquery на wordpress этим способом, вам нужно открыть файл header.php вашей темы и найти это место:

<?php wp_head(); ?>
// ЭТО МЕСТО
</head>
<body>

Вот в то место, что я указал, и нужно вставлять ссылку на jquery от гугла или яндекса, например:

<?php wp_head(); ?>
<script type="text/javascript" src="http://yandex.st/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>

Плюсы данного способа: простота подключения, вордпресс никогда не сможет за фильтровать эту библиотеку, так как подключение идёт уже после функции wp_head(). Минусы: другие плагины также могут подключать джеквери, тогда у вас в лучшем случаи будут подключены две библиотеки, а будет работать одна, а в худшем — ни одна из библиотек работать не будет.

Чтобы исключить минусы второго способа, существует третий. Он предварительно отключает подключенные jquery, а затем с помощью вашего кода подключает эту библиотеку. Чтобы подключить jquery на wordpress, вам нужно открыть файл header.php вашей темы и найти это место:

<?php wp_head(); ?>
// ЭТО МЕСТО
</head>
<body>

И изменить его на это:

<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>
<script type="text/javascript" src="http://yandex.st/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>

Даже, если у вас были раньше подключены jquery от каких-либо плагинов, то они будут отключены, и будет подключена библиотека яндекса.

Я надеюсь, что вы смогли подключить jquery на wordpress движок. Если у вас что-то не получилось, пишите в комментарии, я вам обязательно помогу.

Категории: wordpress

Метки: