Php javascript und css einbinden Wordpress

Hi,

hast Du was in den head muss in den head gepackt und das unter body mal in ein Textwidget und in der style.css die Id und klassen gesetzt?

So würde ich es mal probieren.

Gruss Ria

Funktioniert insoweit, das die Dateien im Head und die Suche in der Sidebar eingebunden werden kann. Wie Du ein Plugin aktivierst, weißt Du und wie Du ein Widget in die Sidebar verschiebst, hoffentlich auch. Abschließend testen kann ich es nicht, bei mir wird unter dem Suchfeld nur Showing results for: Array ausgegeben. Probiere es erst einmal, mal schauen was es sagt. Die Zeilenumbrüche musst Du Dir wegdenken, die entstehen hier bei längeren PHP-Zeilen.

<?php
/**
 * Plugin Name: Live-Suche
 */


add_action("wp_head", "binde_im_head_ein");
add_action("widgets_init", "registriere_mein_live_search_widget");


function binde_im_head_ein() {
    echo "<!-- Load Fonts -->\n".
    "<link rel=\"stylesheet\" href=\"http://fonts.googleapis.com/css?family=PT+Sans:regular,bold\" type=\"text/css\" />\n".
    "<!-- Load jQuery library -->\n".
    "<script type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></script>\n".
    "<!-- Load custom js -->\n".
    "<script type=\"text/javascript\" src=\"http://www.steuergeraet-rep24.de/code/scripts/custom.js\"></script>\n";
}


function registriere_mein_live_search_widget() {
    register_widget("Live_Search_Widget");
}


class Live_Search_Widget extends WP_Widget {


    function Live_Search_Widget() {
        parent::__construct(false, "Live-Suche");
    }
    function widget($args, $instance) {


        echo "<div id=\"main\">\n".
        "\t<!-- Main Title -->\n".
        "\t<div class=\"icon\"></div>\n".
        "\t<h1 class=\"title\">Live Search Tutorial</h1>\n".
        "\t<!-- Main Input -->\n".
        "\t<input type=\"text\" id=\"search\" autocomplete=\"off\" />\n".
        "\t<!-- Show Results -->\n".
        "\t<h4 id=\"results-text\">Showing results for: <b id=\"search-string\">Array</b></h4>\n".
        "\t<ul id=\"results\"></ul>\n".
        "</div>\n";
    }
    function form($instance) {
        echo "F&uuml;r dieses Widget sind keine weiteren Einstellungen erforderlich.";
    }
}
?>

Kann ja bei mir keine Ausgabe im Test erzeugen, die Anfrage läuft ja über Deine search.php und da Du mir die Datei nicht mitgegeben hast, laufen meine Requests ins Leere und erzeugen einen 404.

Bei Dir sollte es hingegen problemlos laufen.

Zitat von hassun

bei mir kommt ebenfalls die Meldung.

Also, bei mir ist die Meldung gekommen, weil der Pfad zur search.php in der custom.js nur relativ angegeben ist und die Datei search.php dann unter "http://localhost/wordpress/..." gesucht wurde, wo die ja nicht lag. Doch selbst wenn ich die absolut verlinkt hätte, hätte es auch nichts gebracht, weil es sich ja um einen Ajax-Request handelt, was nicht domainübergreifend funktioniert.

Wenn es bei Dir nicht funktionierte, dann wäre es besser gewesen, Du hättest nicht nur diese Datei im Plugin-Verzeichnis abgelegt, sondern alle zugehörigen Dateien in einem Verzeichnis und dieses Verzeichnis dann im Plugin-Verzeichnis abgelegt.

Wenn Du es aber so wie so in eine Datei einbinden wolltest, dann hättest Du da HTML auch gleich so einfügen können, ohne diesen maskierten String mit PHP. Ich ging davon aus, das Du es als Widget in die Sidebar schieben wolltest.

Nun ja, ist egal, Hauptsache es funktioniert.