как включить javascript-файл и файл css в wordpress

Я создаю новый плагин, поэтому мне нужно добавить файл java-скрипта и файл css.

Это мои файлы javascript

  1. jquery.min.js
  2. JQuery-1.3.2.min.js
  3. jquery.tabify.js

Файл Css:

  1. newstyle.css

Solutions Collecting From Web of "как включить javascript-файл и файл css в wordpress"

WordPress уже поставляется с jQuery. Нет необходимости включать его в свою тему.

Javascript

Допустим, ваш файл jquery.tabify.js находится в /js/jquery.tabify.js в вашей теме. Включите следующий код в файл functions.php :

 function jquery_tabify() { wp_enqueue_script( 'jquery-tabify', get_template_directory_uri() . '/js/jquery.tabify.js', array( 'jquery' ) ); } add_action( 'wp_enqueue_scripts', 'jquery_tabify' ); 

Это будет включать ваш скрипт и jQuery. jQuery отмечен как зависимость, поэтому сначала загружается.

Если ваш файл вместо этого размещен на отдельном сервере, скажем, как http://site.com/jquery.tabify.js , укажите это как путь (исключая get_template_directory_uri() ):

 function jquery_tabify() { wp_enqueue_script( 'jquery-tabify', 'http://site.com/jquery.tabify.js', array( 'jquery' ) ); } add_action( 'wp_enqueue_scripts', 'jquery_tabify' ); 

CSS

Вы регистрируете стили одинаково. Если ваш файл находится в /css/newstyle.css , добавьте следующий код в файл functions.php :

 function add_newstyle_stylesheet() { wp_register_style( 'newstyle', get_template_directory_uri() . '/css/newstyle.css' ); wp_enqueue_style( 'newstyle' ); } add_action( 'wp_enqueue_scripts', 'add_newstyle_stylesheet' );