wake-up-neo.com

Laden von Skripten mit wp_register_script und wp_enqueue_script

Wie kann ich das folgende Skript und Stylesheet in ein WordPress-Plugin einbinden, wenn sie nur im Admin-Bereich geladen werden müssen?

<script type="text/javascript" src="/wp-includes/js/jquery/jquery.js?ver=1.11.3"></script>
<link rel="stylesheet" type="text/css" href="assets/chosen.min.css">
<script type="text/javascript" src="assets/chosen.jquery.min.js"></script>
1
j8d

Es gibt wahrscheinlich verschiedene Möglichkeiten, dies zu tun - ich persönlich verwende die folgenden, um einige kleine Skripte nur auf den Seiten "Neu" und "Bearbeiten" (Datumsauswahl usw.) zu laden:

function load_my_admin_scripts( $hook ) {

    if (( $hook == 'post.php' || $hook == 'post-new.php' )) {

    wp_enqueue_script(
        'my-datepicker', // name / handle of the script
        SCRIPTS . 'script.js', // path to the script
        array( 'jquery', 'jquery-ui-datepicker' ), // array of registered handles this script depends on
        '1.0', // script version number (optional)
        true // enqueue the script before </head>
    );

    }

}

add_action( 'admin_enqueue_scripts', 'load_my_admin_scripts' );
1
tillinberlin
function load_admin_script_wpse_217608() {
    $assets_path = plugins_url('assets/', __FILE__);

    wp_enqueue_style('chosen-style', $assets_path . 'chosen.min.css');
    wp_enqueue_script('jquery');
    wp_enqueue_script('chosen-script', $assets_path . 'chosen.jquery.min.js', array(), '1.0.0', true);
}

add_action( 'admin_enqueue_scripts', 'load_admin_script_wpse_217608' );

Wobei $assets_path der Pfad zu Ihrem Assets-Ordner ist.

Bearbeiten : Stellt @cale_b für die Verwendung von plugins_url() zur Verfügung, um Verwirrung und fest codierte Zeichenfolgen zu vermeiden.

1
denis.stoyanov

Ich habe zuerst hinzugefügt

function __construct() {
    if( is_admin() ) {
    add_action( 'admin_enqueue_scripts', array( &$this, 'xsmi_load_admin_script' ) );
...

da ist es in einer klasse.

Und die Funktion ...

function xsmi_load_admin_script() {
wp_register_style( 'chosencss', plugins_url( 'assets/chosen.css', __FILE__ ), true, '', 'all' );
wp_register_script( 'chosenjs', plugins_url( 'assets/chosen.jquery.js', __FILE__ ), array( 'jquery' ), '', true );
wp_enqueue_style( 'chosencss' );
wp_enqueue_script( 'chosenjs' );
}

Die true am Ende von wp_register_script lädt sie in die Fußzeile. Nur so kann ich es zum Laufen bringen. Das für die Hilfe!

0
j8d