• Zur Hauptnavigation springen
  • Skip to main content
  • Zur Hauptsidebar springen

Plerzelwupps Erfahrungen

Anmelden

  • Anmelden
  • Feed der Einträge
  • Kommentare-Feed
  • WordPress.org
  • Startseite
  • Dies&Das
  • Anleitungen
  • WordPress
  • Google & Co
  • Tests
  • Windows
  • Fun
  • Firefox
  • Photoshop
Aktuelle Seite: Startseite / Anleitungen / Eigene Widgets in Wordpress erstellen

11. Februar 2009 von plerzelwupp 12 Kommentare

Eigene Widgets in WordPress erstellen

Ihr wollt eigene Elemente in die Seitenleiste eures Blogs bringen? Ihr nutzt WordPress und seid noch nicht sicher wie das geht? Nun – hierfür hab ich diese kleine Anleitung geschrieben.

Beschreiben möchte ich das Ganze anhand meiner linken Seitenleiste und der eingebundenen Suchfunktion meines Blogs („Blog durchsuchen„).

Hintergrund:

Mein Theme hatte ein fertiges search-widget, das im Design-Bereich konfiguriert und an die gewünschte Stelle gezogen werden konnte, doch ich wollte eine verbesserte Suche anbieten und so kam ich auf den Gedanken, eine benutzerdefinierte Suche bei Google einzurichten.

Bei den meisten themes gibt es eine Datei „searchform.php“ . Sie stellt das Suchformular bereit und verarbeitet  Eure Suchanfrage, während die Datei „search.php“ für die Ausgabe der Ergebnisse zuständig ist (siehe auch meinen Artikel: WordPress-Themes bearbeiten – die Dateien und deren Bedeutungen).

Nun hätte ich nach Erstellung der benutzerdefinierten Suche den entsprechenden Code auch in die „searchform.php“ kopieren können (die search.php wird dabei nicht mehr angesprochen). Doch das kam mir unsauber vor und so entschied ich mich für folgende Lösung:

Eigenes Widget erstellen

im WordPress Adminbereich (backend) wählt Ihr Design / Widgets und die gewünschte Seitenleiste. Dort fügt Ihr ein Text-Widget hinein (siehe Grafik).

wp-backend
Klicken zum Vergrößern

Es erscheint ein neues Element „Text“ in der Widget-Übersicht des Backends. Das können wir nun per drag&drop  an die gewünschte Stelle ziehen. Wir editieren das Textelement, verleihen dem Widget einen Namen („Seite durchsuchen“) und kopieren unseren Code in das Textfeld. In meinem Fall sieht das etwa so aus:

Textfeld bearbeiten
Klicken zum Vergrößern

Wir bestätigen unsere Eingabe und vergessen nicht, das Ganze zu speichern.

Auf diese Weise können wir alles Mögliche in unsere Seitenleisten packen – dies könnten z.B. Linklisten sein, eine kleine Biografie, ein Bild, Werbung, etc..

Es ist prinzipiell die gleiche Vorgehensweise: den gewünschten Code kopiert Ihr einfach in Euer Textfeld. Selbstverständlich könnt Ihr auch selbst einen Code generieren, indem Ihr einen Artikel im WordPress-Backend erstellt und Euch anschließend den Quellcode anzeigen lässt. Diesen kopiert Ihr dann einfach in Euer „Text“-Widget (auf die Breiten und Höhen achten).

Das war’s auch schon. Natürlich ist das für die alten Hasen nix Neues. Dieser Artikel richtet sich an Einsteiger und Umsteiger, die ggf. mit dem Gedanken spielen ihre Sidebar.php zu bearbeiten. Das ist in den meisten Fällen nämlich nicht erforderlich. Wenn Ihr in Euer Text-Widget auch einen php-Code einfügen möchtet, benutzt Ihr das nachfolgend vorgestellte Plugin.

Widget mit php-Code erstellen

Wie Jörg hier auch berichtet, gibt es auch die Möglichkeit, ein Widget mit php-Code zu erstellen. Hierfür kann ich Euch das  WordPress-Plugin Exec-PHP empfehlen. Es wird installiert wie jedes andere Plugin auch: am komfortabelsten ist der Weg über „Plugins/ neu anlegen“. Nach Installation und Aktivierung des Plugins gibt es im WordPress-Frontend unter „Einstellungen“ einen neuen Eintrag „Exec-PHP„. Hier aktiviert Ihr nochmals (falls noch nicht geschehen) die Option „Führe PHP-Code in Text-Widget aus“.

php-exec
Klicken zum Vergrößern

Das war’s auch schon. Ab sofort könnt Ihr Eure Text-Widgets auch mit PHP-Code füttern.

War diese Information hilfreich?
Mich würd’s freuen, wenn Euch der Artikel gefallen hat – auch wenn das Thema möglicherweise bekannt war. Vergesst nicht am ANfang des Artikels entsprechend abzustimmen 😉

Kommentare von „alten Hasen“ sind ebenso erwünscht wie Kommentare von den Frischlingen – letztere dürfen sich hier auch gerne outen 😉

Kategorie: Anleitungen, Wordpress Stichworte: Tipps, widget, widget erstellen, Wordpress

Leser-Interaktionen

Kommentare

  1. barbara sagt

    12. Februar 2009 um 10:39

    das hast du gut erklärt. Danke

    Antworten
  2. Diane sagt

    14. Februar 2009 um 01:23

    Das hast Du schön beschrieben! – Wieder viel Arbeit 🙂 Da kann Mr. Gucky gleich gucken, damit er mir in meinem Blog behilflich sein kann, denn ich habe für die Technik keine Zeit und Lust 😉

    Antworten
  3. Diane sagt

    14. Februar 2009 um 01:25

    Sehr dumm finde ich nur, ganz ehrlich, dass man den Text in so einem Widget absolut nicht kopieren kann. Wenn man ihn weghaben will aber aufheben, kann man ihn nur Zeichen für Zeichen löschen, aber nicht kopieren und auch nichts mittendrin einfügen 🙁

    Antworten
    • plerzelwupp sagt

      14. Februar 2009 um 11:52

      @diane
      das ist doch ohne weiteres möglich – z.B über das Kontextmenü (rechte Maustaste) oder mit den shortcuts „strg + c“ und „strg + v2

      Antworten
  4. Diane sagt

    14. Februar 2009 um 12:50

    Oh, komm mir nicht mit ShortCuts, die merke ich mir nie :mrgreen:
    Bei mir ging kein Kopieren – aber es geht in meinem Blog so manches nicht 😉 Auch bei Gucky nicht. Zum Beispiel keine anderen Sprachen, keine Herzen als „Bild“ – da muss ich Unicode in Betreffzeile schreiben. Im MyBlog gehts problemlos und noch so ein paar Sachen …

    Antworten
  5. Alex sagt

    12. Mai 2009 um 12:59

    Super erklärt! Werde ich bald auf meiner Seite einsetzen! Sowas habe ich ehct lange gesucht :)!

    Antworten
  6. Jörg sagt

    9. Juni 2009 um 08:39

    Wenn man das Exec-PHP Plugin installiert hat, kann man im Text-Widget auch PHP-Code ausführen. Was einem nochmal ganz andere Möglichkeiten eröffnet.

    Antworten
  7. jan sagt

    6. Februar 2010 um 12:38

    Also mit den Widgets ist schon eine feine Sache, das vereinfacht viele Dinge sehr.

    Antworten
  8. Rosi sagt

    11. März 2010 um 15:17

    Alles Prima, nur hätte ich gerne das mögliche Widget nicht in der Seitenleiste sondern in der Page / Single von WordPress.?

    Antworten
    • plerzelwupp sagt

      11. März 2010 um 16:46

      Hallo Rosi – um welches Widget geht es denn? Vielleicht kann ich dir helfen(?)

      Antworten
  9. Jim sagt

    20. Mai 2011 um 00:43

    Super erklärt! Werde ich bald auf meiner Seite einsetzen! Sowas habe ich ehct lange gesucht 🙂 !

    Antworten

Trackbacks

  1. newstube.de sagt:
    11. Februar 2009 um 19:40 Uhr

    Eigene Widgets in WordPress erstellen…

    Ihr wollt eigene Elemente in die Seitenleiste eures Blogs bringen? Ihr nutzt WordPress und seid noch nicht sicher wie das geht? Nun – hierfür hab ich diese kleine Anleitung geschrieben.
     …

    Antworten

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Haupt-Sidebar

Suche

Navigation

  • Startseite
  • über mich
  • Kontakt
  • Impressum
  • Datenschutzerklärung

Neueste Kommentare

  • Umzug bei Computer Fernstart und Fernwartung – 7 Tipps
  • Umzug bei Computer Fernstart und Fernwartung – 7 Tipps
  • Hannes bei Computer Fernstart und Fernwartung – 7 Tipps
  • Brend bei Computer Fernstart und Fernwartung – 7 Tipps
  • Malte bei Computer Fernstart und Fernwartung – 7 Tipps

Archiv

Kategorien

  • Anleitungen (43)
  • Dies&Das (85)
  • Featured (7)
  • Firefox (7)
  • Fun (10)
  • Google & Co (21)
  • Photoshop (2)
  • Projekt 52 (19)
  • Tests (19)
  • Windows (14)
  • Wordpress (38)
  • Startseite
  • über mich
  • Kontakt
  • Impressum
  • Datenschutzerklärung

Copyright © 2023