Wie bootstrap im WordPress-plugin-Entwicklung?

Ich entwickle das plugin, und ich würde gerne bootstrap in meinem plugin. Was ist der beste Weg? Ich konnte nichts finden im Zusammenhang mit diesem, so weit ich gefunden habe, mehrere bootstrap-plugin, das ich brauche, ich brauche, um einige js und css-element von bootstrap in meinem plugin. Ich bin neu auf bootstrap.

Ausserdem habe ich versucht etwas ähnliches mag auch in WP-theme, aber es funktioniert nicht?

Wenn Sie weitere Informationen benötigen, Fragen Sie mich bitte, ich werde Ihnen

Habe ich versucht etwas ähnliches zu WP-theme in der main-Datei index.php diese :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<!-- Latest compiled and minified JavaScript -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

Hallo, herzlich willkommen auf stackoverflow. Würde es helfen, wenn Sie könnten, ein wenig mehr über das, was Sie versucht haben und wie es ausgefallen ist. Je nach plugin, könnte es sich lohnen, auf ein Exemplar von boostrap über ein CDN
mögliche Duplikate von die Verwendung von Twitter Bootstrap zusammen mit WordPress
ich update die Frage, ich bin nicht in der Lage, kopieren Sie den code in coment. Ich muss die Verwendung von bootstrap-Elemente in das plugin, wenn ich aktiviere, es haben sich bereits dort. Ich möchte nicht angewiesen sein auf den anderen plugin, oder wenn der Kunde bootstrap auf dieser Seite.

InformationsquelleAutor user3042036 | 2014-06-03

11

Müssen Sie wp_register_script() und dann wp_enqueue_script() für js.

Müssen Sie wp_register_style() und dann wp_enqueue_style() für css.

Finden Sie in der folgenden js-Beispiel...
```
wp_register_script('prefix_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js');
wp_enqueue_script('prefix_bootstrap');
```
Und nun tun Sie dasselbe mit der css...
```
wp_register_style('prefix_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
wp_enqueue_style('prefix_bootstrap');
```
Es ist eine gute Idee, diese in eine wiederverwendbare Methode in Fall werden Sie mit ajax. Auf diese Weise müssen Sie nicht Wiedereinstellen jeder Skript-oder stylesheet innerhalb der ajax-Methoden.
```
function prefix_enqueue() 
{       
    //JS
    wp_register_script('prefix_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js');
    wp_enqueue_script('prefix_bootstrap');

    //CSS
    wp_register_style('prefix_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
    wp_enqueue_style('prefix_bootstrap');
}
```
Den Einsatz von "prefix_" helfen, Konflikte zu vermeiden und sparen Sie sich einige Mühe in die lange Sicht.
- "Auf diese Weise können Sie einfach die Funktion aufrufen, Wann immer Sie es brauchen." <- dies kann dazu führen, irgendeine Art von design-Fehler, ist es nicht? durch das hinzufügen dieser Dateien zu oft wird der Einfluss der Website-performance wird schwer..
- Ich bin mir nicht sicher, was entwurfsfehler vorhanden sein können, aus eine Funktion aufrufen ", Wann immer Sie es brauchen". Vielleicht könnte dies so interpretiert werden müssen, rufen Sie die Funktion mehrfach innerhalb der gleichen Seite zu laden, aber ich war einfach in Bezug auf die Möglichkeit, dass Bootstrap nicht erforderlich sein in allen Umständen, und wenn Sie nicht "müssen" Sie es, rufen Sie nicht die Funktion.
- Vielleicht war es auch "nur" was gab mir einen skeptischen Gefühl. btw: prefix_enqueue() ist eher eine Methode als eine Funktion 🙂 ... Aber Ihre Antwort richtig ist, lohnt es sich, den upvote.
- Sie sind richtig in der Methode vs. Funktion argument und haben mich dort. Ich werde korrigieren Sie die Anweisung.
InformationsquelleAutor zgr024
0

Können Sie die 'wp_head' Aktion hinzufügen von code, um den header der Website jedes mal die Seite geladen wird. Etwas wie dieses in Ihrem plugin:
```
    add_action('wp_head','head_code');

function head_code()
{

$output = '<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>';    
$output .= '<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>'; 
$output .= '<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>';

echo $output;

}
```
- Ich denke, der Fragesteller gemeint haben, bootstrap enthalten in den admin-Bereich für das plugin, das ist, warum, wenn er/Sie habe versucht, um es in die index.php Datei hat es nicht funktioniert. So admin_enqueue_scripts Aktion muss genutzt werden, um Skripte und Stile in den admin-Bereich. Auch jquery ist Teil der standard-WP-installation. Und diese bootstrap.min.css ist ebenfalls notwendig, denke ich.
InformationsquelleAutor Marc

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.