Gewusst wie: laden von bootstrap-Skript und Stil in functions.php (wordpress)?

Wandelte ich die bootstrap-theme für wordpress. Nun, ich habe ein problem beim laden des bootstrap-Skripts und Stil.
Das ist mein code in functions.php

   function wpbootstrap_scripts_with_jquery()
    {

        //Register the script like this for a theme:
        wp_register_script( 'custom-script', get_template_directory_uri() . '/js/bootstrap.js', array( 'jquery' ) );
        wp_enqueue_script( 'samplejs', get_template_directory_uri() . '/js/jquery.min.js', array( '' ) );
            wp_enqueue_script( 'samplejs', get_template_directory_uri() . '/js/clean-blog.min.js', array( '' ) );
        //For either a plugin or a theme, you can then enqueue the script:
        wp_enqueue_script( 'custom-script' );
    }

add_action( 'wp_enqueue_scripts', 'wpbootstrap_scripts_with_jquery' );

und ich füge diese in meine header -

<?php wp_enqueue_script("jquery"); ?>

Zusätzliche Frage:
Was ist der Unterschied zwischen wp_register und wp_enqueue?
Bitte helfen Sie mir. Im Einsteiger in die Verwendung von bootstrap.

InformationsquelleAutor akselrows | 2014-10-27

  1. 5

    Alles, was Sie tun müssen, ist, einreihen. Auch ich empfehlen, immer entfernen Sie Ihre jquery-import (die zweite wp_enqueue). WordPress enthält jQuery standardmäßig, und Sie sind bereits mit es in das erste Skript (weil Sie aufgelistet haben Sie als Abhängigkeit). Hier ist ein Beispiel, aber dieses reiht jquery zweimal (die native jquery und das bootstrap-jquery):

    function wpbootstrap_scripts_with_jquery()
{
    //Register the script like this for a theme:
    wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/js/bootstrap.js', array( 'jquery' ) );
    wp_enqueue_script( 'bootstrap-jquery', get_stylesheet_directory_uri() . '/js/jquery.min.js' );
    wp_enqueue_script( 'blog-scripts', get_stylesheet_directory_uri() . '/js/clean-blog.min.js' );
}

add_action( 'wp_enqueue_scripts', 'wpbootstrap_scripts_with_jquery' );

    Der einzige Grund, warum würden Sie brauchen, zu registrieren, die Skripten vor der enqueue-ing ist, wenn eines der Skripte ist eine Abhängigkeit. Aus den docs:

    wp_register_script() registriert ein Skript-Datei in WordPress verknüpft werden
    zu einer Seite, die später mit dem wp_enqueue_script () - Funktion, die sicher
    Griffe der Skript-Abhängigkeiten.

    Skripts, die bereits vorab registriert mit wp_register_script() machen
    Sie nicht brauchen, um manuell in die Warteschlange eingereiht mit wp_enqueue_script (), wenn Sie
    aufgeführt als eine Abhängigkeit von einem anderen script, das in die Warteschlange eingereiht. WordPress
    automatisch den registrierten Skript, bevor es schließt
    die in die Warteschlange eingereiht Skript, dass die Listen der registrierten Skript-Griff, als
    Abhängigkeit.

    vielen Dank @rnevius :), wie etwa die Stile?
    Ich habe bearbeitet Sie meine Antwort mit mehr Erklärung. Für enqueueing Stile, können Sie in der gleichen Weise, innerhalb der gleichen Funktion, mit wp_enqueue_style.
    Hmm. Ich habe versucht den code der Effekt ist aber immer noch nicht funktioniert
    Versuchen Sie, das array in der 'custom-script' enqueue zu array('bootstrap-jquery'). So, Ihre Skripte zu warten, bis das zweite script ist in die Warteschlange eingereiht (vorausgesetzt, Sie nannte Sie wie ich es Tat, oben).
    Ok Dank Ihrer Arbeit jetzt.

    InformationsquelleAutor rnevius

  2. 2

    du cas verwenden "wp_enqueue_style" und "wp_enqueue_script".

    Beispiel:

    function reg_scripts() {
    wp_enqueue_style( 'bootstrapstyle', get_template_directory_uri() . '/css/bootstrap.min.css' );
    wp_enqueue_style( 'bootstrapthemestyle', get_template_directory_uri() . '/css/bootstrap-theme.min.css' );
    wp_enqueue_script( 'bootstrap-script', get_template_directory_uri() . '/js/bootstrap.min.js', array(), true );
}
add_action('wp_enqueue_scripts', 'reg_scripts');
    danke @elnaz 🙂 actulally seine Arbeit jetzt, aber das contact form 7 funktioniert nicht wegen der jquery-Konflikt. bitte helfen Sie mir dieses Problem lösen.

    InformationsquelleAutor elnaz

Schreibe einen Kommentar