OpenSearch – Suchfeld für Mozilla und Internet Explorer mit WordPress anbieten

20. März 2007 von in Tipps, WordPress, XML

Mittlerweile hat sich das Suchfeld im Browser gemausert und selbst der IE unterstützt das offene OpenSearch-Format. Was aber daran so toll ist und warum man es ganz einfach mit WordPress nutzen kann sind zwei Aspekte: WordPress bringt die Suchoption schon mit und OpenSearch ist ganze einfach mit einem XML konfigurierbar.

Suchfeld im IE

Damit die Browser wissen, dass euer Blog das Suchfeld unterstützt, ist lediglich ein Link im Theme und eine XML-Datei auf dem Server zu hinterlegen. Also, wertet euren Weblog auf mit ein klein wenig Arbeit und ohne ein Plugin.

Der folgenden Code erklärt es, denke ich. Dabei habe ich alle Inhalte auf meinen Blog bezogen. Passt den Syntax an und ebenso die Adressen zu Favicon und XML-Datei.

Nach dem Ihr die beiden neuen Dateien hochgeladen habt (favicon.ico und os.xml) fügt den Link in die header.php eures Themes ein. Wenn ihr die os.xml auch auf Root liegt, dann könnt Ihr den Code direkt übernehmen. Danach gibt es im Firefox und Internet Explorer die Möglichkeit euren Blog in das Suchfeld zu integrieren.

Suchfeld im FF

Die Deklaration jedes XML-Tags ist auf der Seite von OpenSearch sehr schön dokumentiert.

für den head-Bereich im template - header.php:


<link rel="search" type="application/opensearchdescription+xml" title="<?php bloginfo('name'); ?>" href="<?php bloginfo('url'); ?>/os.xml" />

die XML-Datei:

Code kopieren, anpassen und speichern als os.xml, dann auf euren Webspace kopieren.


<<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
	<ShortName>bueltge.de [by:ltge.de]</ShortName>
	<Description>Use bueltge.de to search on blog.</Description>
	<Url type="text/html" method="get" template="http://bueltge.de/?s={searchTerms}"></Url>
	<Contact>info@bueltge.de</Contact>
	<LongName>bueltge.de [by:ltge.de] Weblog Search</LongName>
	<Image height="16" width="16" type="image/x-icon">http://bueltge.de/favicon.ico</Image>
	<Tags>Weblog WordPress Webdevelopment</Tags>
	<Url type="application/atom+xml" template="http://bueltge.de/?q={searchTerms}&amp;pw={startPage?}&amp;format=atom"/>
	<Url type="application/rss+xml" template="http://bueltge.de/?q={searchTerms}&amp;pw={startPage?}&amp;format=rss"/>
	<Url type="text/html" template="http://bueltge.de/?q={searchTerms}&amp;pw={startPage?}"/>
	<Query role="example" searchTerms="blog"/>
	<Developer>Frank Bueltge</Developer>
	<Attribution>
	    Search data Copyright 2007, bueltge.de [by:ltge.de], All Rights Reserved
	</Attribution>
	<SyndicationRight>open</SyndicationRight>
	<AdultContent>false</AdultContent>
	<Language>de-DE</Language>
	<OutputEncoding>UTF-8</OutputEncoding>
	<InputEncoding>UTF-8</InputEncoding>
</OpenSearchDescription>

, , , , , ,

Über

bueltge.de [by:ltge.de] wird von Frank Bültge geführt, administriert und gestaltet. Alle Inhalte sind persönlich von mir ausgewählt und erstellt, nach bestem Gewissen und Können, was die Möglichkeit von Fehlern nicht ausschließt.

Kommentare

  
  1. Denny sagt:
    20. März 2007 um 14:25

    Herzlichen Dank für das Tutorial. Ich habe mich schon immer gefragt, wie die das bei http://mycroft.mozdev.org/ gemacht haben.

  2. Nils sagt:
    20. März 2007 um 14:34

    hm, bei mir geht das irgendwie nicht. Ich habe die Links umgeschrieben und das genau so in den Header eingefügt.

    Muss man das im Firefox erst konfiguieren, das er die suche anzeigen soll, wenn eine verfügbar ist?

  3. Frank Bültge sagt:
    20. März 2007 um 16:07

    @Nils: nein. Cache leeren und mal IE7 zum zusätzlichen Testen nutzen.

  4. Wolfgang sagt:
    21. März 2007 um 02:09

    Auch ich habe eigentlich alles so abgetippt und mit IE7 funktioniert es, mit Firefox jedoch nicht. Woran könnte es noch liegen?

  5. Frank Bültge sagt:
    21. März 2007 um 08:14

    Es liegt an dem Link im Header. FF ist nicht so tolerant wie IE. Der type muss klein geschrieben sein - application/opensearchdescription+xml - auch das xml!
    LG Frank

  6. Wolfgang sagt:
    21. März 2007 um 08:26

    Ahja, sehr schön, jetzt geht's. Aber noch eine Kleinigkeit, die auch bei bueltge.de auftritt: Ist die Suche noch nicht hinzugefügt, dann ist das angezeigte Icon unten im Dropdown im FF gestreckt dargestellt (32*16) statt 16*16.

  7. Frank Bültge sagt:
    21. März 2007 um 08:30

    Bei mir in FF 2.0.0.2 wird 32x32 dargesetllt, obwohl ich 16x16 im XML angebe. Siehe obiges Bild. Da aber die Vereinbarung im XMl 16x16 ist, vermute ich mal einen Bug im FF.

  8. Nils sagt:
    21. März 2007 um 09:45

    Ah, danke Frank. An dem großen XML lag es.

    Gruß Nils

  9. Micha sagt:
    21. März 2007 um 12:18

    Tolles Tutorial,Danke Frank !
    Auf was du so alles kommst .... :-)

  10. Dominik sagt:
    21. März 2007 um 13:16

    Die Sache finde ich gut. Nur: Wie merkt ein User, dass er auf deiner Seite die Suchfunktionintegrieren kann? Wäre es nicht toll, wenn man auf der Seite (zum Beispiel im Sidebar) etwas anklicken könnte udn dann ist die Bültge-Suche eingebaut?

  11. Frank Bültge sagt:
    21. März 2007 um 14:24

    Danke für die Blumen!

    @Dominik: das merkt er, weil das Suchfeld im Browser die Darb ändert. Das Icon des bestehenden Suchfeldes wird "hellblau".

  12. Dominik sagt:
    22. März 2007 um 16:02

    Danke für den Hinweis. Das fällt mir erst jetzt auf. Einen Button "Bültge-Suche in Firefox aufnehmen" oder so ähnlich fände ich sicherlich attraktiver.

  13. Frank Bültge sagt:
    26. März 2007 um 07:53

    @Dominik: Eine Möglichkeit dazu hatte ich schonmal mit Hilfe von JS aufgezeigt - Suchplugin für Mozilla mit JS.

  14. Simon sagt:
    3. Februar 2009 um 20:00

    Will mir jetzt ein paar DSL Blogs mit WordPress machen. Finde die Idee hier super

  15. Peter sagt:
    17. November 2009 um 02:05

    Tolles Tutorial,Danke Frank !

  16. Daniel sagt:
    4. Mai 2010 um 09:38

    Ich will eigentlich nur einen Link von dieser Seite holen.

    Weißt du zufällig, was ich dazu alles machen muss (du scheinst ja auch dabei zu sein)? Muss deine XML hier noch hochladen (2. Feld)?

Trackbacks

  1. OpenSearch - Browser Suchfeld erweitern - Andib
    22. März 2007 um 08:41

    [...] Damit kann man sehr einfach das Suchfeld des Browsers erweitern. Standardmäßig findet man hier Seiten wie Google, Wikipedia, o.ä. Warum also nicht auch das eigene WordPressblog mit in dieses Suchfeld integrieren! Frank Bültge zeigt wie es geht. [...]

  2. Basis Theme für WordPress | bueltge.de [by:ltge.de]
    28. März 2007 um 17:36

    [...] OpenSearch - Suchfeld für Mozilla und Internet Explorer mit WordPress anbieten [...]

  3. OpenSearch Suche für WordPress und PHP.net | bueltge.de [by:ltge.de]
    10. Mai 2007 um 15:50

    [...] OpenSearch - Suchfeld für Mozilla und Internet Explorer mit WordPress anbietenBasis Theme für WordPressUpdate für WordPress Cheat Sheet Template TagsErfahrungsbericht mit ©FeedStaubig trockene Suchmaschinen sind outWP - BetaTester für Guestbook Plugin gesuchtVerlosung die 2. - Buch: Web 2.0 [...]

  4. Wordpress Plugins/Module und andere Spielereien [5] » Neunzehnhundert.org :: Neue Introspektiven
    12. Mai 2007 um 20:13

    [...] Und zum Schluss noch die versprochene Spielerei, gefunden bei Frank Bueltge: [...]

  5. volkers freunde » Blog Archive » Opensearch in 5 Minuten
    7. August 2007 um 01:49

    [...] Informationen zum Thema auf der offiziellen Seite oder bei bueltge.de [...]

  6. Fixed Blue Theme für WordPress | bueltge.de [by:ltge.de]
    10. August 2007 um 15:06

    [...] Das Theme ist dreispaltig, mit zwei festen Spalten für Navigation und Mehrwert. Im rechten Bereich befindet sich der Content, der lediglich eine Minimalbreite besitzt und sich in Abhängigkeit des Browsers gestalltet. Das Theme unterstützt das Open Search -Suchformat. Wie man das einbindet und anpasst - im Artikel „OpenSearch Suchfeld für Mozilla und IE“ [...]

  7. Affenheimtheater: Suchmaschinen Plugin für Firefox | Affenheimtheater | blog.affenheimtheater.de
    4. Januar 2008 um 23:30

    [...] den Quellcode vor dem Veröffentlichen überprüfen könnt. [04.01.08] Update: Dank diesem Artikel von Frank bin ich inzwischen auf eine OpenSearch Lösung umgestiegen, die mit dem IE und Firefox [...]

© 2013, since 2005 bueltge.de [by:ltge.de] · Theme is built by ThemeShift