WordPress
Enqueuing scripts
Zoeken…
Syntaxis
- wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer)
parameters
| Parameter | Details |
|---|---|
| $ handle | (string) (Verplicht) Naam van het script. Moet uniek zijn. |
| $ src | (string) (Optioneel) Volledige URL van het script of pad van het script ten opzichte van de rootmap van WordPress. Standaardwaarde: false |
| $ deps | (array) (optioneel) Een array van geregistreerd script verwerkt dit script is afhankelijk van. Standaardwaarde: array () |
| $ ver | (string | bool | null) (Optioneel) Tekenreeks die het versienummer van het script opgeeft, als dit er een is, die aan de URL wordt toegevoegd als een queryreeks voor bustecache-doeleinden. Als de versie is ingesteld op onwaar, wordt automatisch een versienummer toegevoegd dat gelijk is aan de huidige geïnstalleerde WordPress-versie. Indien ingesteld op nul, wordt geen versie toegevoegd. Standaardwaarde: false |
| $ in_footer | (bool) (Optioneel) Of het script vóór </body> plaats van in de <head> . Standaardwaarde: false |
Scripts genereren in functies.php
Als u custom.js script wilt toevoegen dat zich in de js/ map van uw thema bevindt, moet u het in de wachtrij plaatsen. In functions.php toevoegen
<?php
add_action( 'after_setup_theme', 'yourtheme_theme_setup' );
if ( ! function_exists( 'yourtheme_theme_setup' ) ) {
function yourtheme_theme_setup() {
add_action( 'wp_enqueue_scripts', 'yourtheme_scripts' );
add_action( 'admin_enqueue_scripts', 'yourtheme_admin_scripts' );
}
}
if ( ! function_exists( 'yourtheme_scripts' ) ) {
function yourtheme_scripts() {
wp_enqueue_script( 'yourtheme_custom', get_template_directory_uri().'/js/custom.js', array( 'jquery' ), '1.0.0', true );
}
}
if ( ! function_exists( 'yourtheme_admin_scripts' ) ) {
function yourtheme_admin_scripts() {
wp_enqueue_script( 'yourtheme_custom', get_template_directory_uri().'/js/custom.js', array( 'jquery-ui-autocomplete', 'jquery' ), '1.0.0', true );
}
}
Enqueue-scripts alleen voor IE
add_action( 'wp_enqueue_scripts', 'enqueue_my_styles_and_scripts' );
/**
* Enqueue scripts (or styles) conditionally.
*
* Load scripts (or stylesheets) specifically for IE. IE10 and above does
* not support conditional comments in standards mode.
*
* @link https://gist.github.com/wpscholar/4947518
* @link https://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx
*/
function enqueue_my_styles_and_scripts() {
// Internet Explorer HTML5 support
wp_enqueue_script( 'html5shiv',get_template_directory_uri().'/js/html5shiv.js', array(), '3.7.3', false);
wp_script_add_data( 'html5shiv', 'conditional', 'lt IE 9' );
// Internet Explorer 8 media query support
wp_enqueue_script( 'respond', get_template_directory_uri().'/js/respond.js', array(), '1.4.2', false);
wp_script_add_data( 'respond', 'conditional', 'lt IE 9' );
}
Voorwaardelijk scripts genereren voor specifieke pagina's
U kunt voorwaardelijke operatoren in WordPress gebruiken om scripts op specifieke pagina's van uw website te genereren.
function load_script_for_single_post(){
if(is_single()){
wp_enqueue_script(
'some',
get_template_directory_uri().'/js/some.js',
array('jquery),
'1.0.0',
false
);
}
}
add_action('wp_enqueue_scripts','load_script_for_single_post');
In het bovenstaande voorbeeld, als de huidige webpagina uit één bericht bestaat, wordt het script in de wachtrij geplaatst. Anders wordt de functie wp_enqueue_script niet uitgevoerd.
Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow
