web-dev-qa-db-fra.com

comment inclure un fichier javascript et un fichier css dans wordpress

Je crée un nouveau plugin, il me faut donc ajouter un fichier script Java et un fichier css.

Ce sont mes fichiers javascript

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

Fichier css:

  1. newstyle.css
1
SANS780730

WordPress est déjà livré avec jQuery. Il n'est pas nécessaire de l'inclure dans votre thème.

Javascript

Supposons que votre fichier jquery.tabify.js se trouve dans /js/jquery.tabify.js dans votre thème. Incluez le code suivant dans votre fichier 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' );

Cela inclura votre script et jQuery. jQuery est marqué comme une dépendance, il est donc chargé en premier.

Si votre fichier est plutôt hébergé sur un serveur séparé, disons en tant que http://site.com/jquery.tabify.js, spécifiez-le comme chemin (en omettant 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

Vous enregistrez les styles de la même manière. En supposant que votre fichier se trouve dans /css/newstyle.css, ajoutez le code suivant à votre fichier 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' );
6
EAMann