Roman bloggt.

Ich habe ein wenig am Look’n'Feel des Blogs geschraubt und eine AJAX-Live Suche integriert. Zwar ist die Anzahl der Beiträge bisher noch überschaubar, allerdings ist eine übersichtliche Suchfunktion immer von Vorteil.

Wer sich dafür interessiert, welche Suche zum Einsatz kommt, der kann gerne weiterlesen.

Zum Einsatz kommt das WordPress-Plugin Live Search Popup in der aktuellsten Version 1.4.7. Die Installation ist denkbar einfach.

• Zip-Archiv des Plugins herunterladen,
• entpacken
• ins Plugin-Verzeichnis hochladen
• im WP-Admin aktivieren.

Nun geht es an die Anpassungen. zum einen soll die AJAX-Suche nicht als Widget eingebunden werden, sondern genau an der Stelle erscheinen, wo das alte Suchfeld war und zum anderen soll die Ergebnisliste nicht den gesamten Bildschirm ausfüllen.

• Öffne das aktive Template im Template-Editor
• Wähle header.php bzw. searchform.php, wenn vorhanden. Schaue nach, wo das suchfeld eingetragen ist.
• Trage folgendes unterhalb des Suchfeldes ein:
• Die Breite sollte der angegebenen Breite des Suchfelds entsprechen
• Öffnen nun die Datei live-search-popup.php im Plugin-Ordner unter “wp-content/plugins/live-search-popup”
• Überschreibe die Funktion livesearchpopup_resultbox($width) mit folgendem Code

  function livesearchpopup_resultsbox($width) {
  ?>

• Öffne nun die Datei live_search.css im Ordner “wp-content/plugins/live-search-popup/css”
• Entferne folgende Zeile

  width: 100%

  aus folgender Deklaration

  #livesearchpopup_box {
      color: #f0f0f0;
      background: #0255cd url(../resultgradient.png) 0 0px repeat-x;
      right: 0em;
      text-align: left;
      padding: 1px;
      margin: 0px;
      position: relative;
   
      filter:alpha(opacity=95);
      -moz-opacity:.95;
      opacity:.95;
      z-index:100;
  }

1. Firefox-Suche in neuem Tab öffnen Das eingebaute Suchfeld in Firefox ist praktisch, jedoch störte es mich bisher immer, dass die...
2. MediaPortal – Der Plugin-Manager MediaPortal ist bereits von Haus aus ein mächtiges Tool. Es können Filme, Bilder und Musik...
3. WordPress Plug-In: Twitter It! *ENGLISH VERSION* Aufmerksame Leser werden den Button “Twittern!” oberhalb jedes Beitrags bereits entdeckt haben. Die...
4. DFB-Pokal live im Internet schauen DFB Pokal Live – Hinweis! Dieser Beitrag ist veraltet und für die Vorrunde vom DFB-Pokal...
5. MediaPortal – Erweiterung MP-TVSeries Um in den Genuss einer ordentlichen Serienverwaltung von MediaPortal zu kommen, ist ein zusätzlichen Plugin...