Skip to content


Znajdź na blogu – wtyczka wyszukiwarki dla Firefox

Siedząc bezczynnie przed komputerem zacząłem szukać informacji na temat czegoś co po zrobieniu da mi jakaś satysfakcję. Trafiło na stworzenie wtyczki wyszukiwarki zawartości mojego bloga dla przeglądarki Firefox.

Aby zobaczyć jak się ona sprawuje wystarczy, że klikniesz na ikonkę twojej aktualnie używanej wyszukiwarki w Firefox i z rozwijanego menu klikniesz na: Dodaj „pinklerose.pl”. 😉

Jeśli chcesz mieć taką samą wyszukiwarkę dla zawartości swojego bloga – podaję przepis:

  • Zacznij od stworzenia jakiejś ikonki, która pojawi się przy pasku formularza i wgrywamy ją na serwer. Jej wymiary muszą mieć 16x16pix. Może to być twój favicon.ico (możliwe, że zadziała plik PNG, ja jednak użyłem pliku ICO).
  • Stwórz plik XML np. moja-wtyczka.xml i wpisz następującą zawartość:

<OpenSearchDescription xmlns=”http://a9.com/-/spec/opensearch/1.1/”
xmlns:moz=”http://www.mozilla.org/2006/browser/search/”>
<ShortName>nazwaWyszukiwarki</ShortName>
<Description>opisWyszukiwarki</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width=”16″ height=”16″>data:image/x-icon;base64,daneObrazu</Image>
<Url type=”text/html” method=”get” template=”adresURLWyszukiwania„></Url>
<moz:SearchForm>adresURLStrony</moz:SearchForm>
</OpenSearchDescription>

    gdzie w miejsce adresURLWyszukiwania wpisujemy np. http://mojastrona.pl/?s={searchTerms} (pogrubiony fragment pozostaje niezmienny jednak tylko dla stron opartych o WordPress), w adresURLStrony wpisujemy adres naszej strony (znaczniki mogą mówić co innego jednak dla bloga wystarczy wpisać adres strony głównej). W miejsce data:image/x-icon;base64,daneObrazu wklejamy specjalny kod, który wygenerujemy na TEJ stronie. W polu Alternatvely, give HTTP URI as input wpisujemy adres do pliku z ikonką (np. http://mojastrona.pl/favicon.ico) i klikamy na Generate. Myślę że pozostałych wytłuszczonych pól nie muszę tłumaczyć.
  • Po tych operacjach wtyczka jest już gotowa i umieszczamy ją na serwerze.
  • Teraz edytujemy naszą szatę graficzną bloga i w nagłówku (plik header.php) między znacznikami <head> </head> wklejamy poniższą linię, która będzie informowała przeglądarkę o dostępności wtyczki i możliwości jej instalacji:

<link rel=”search” type=”application/opensearchdescription+xml” title=”nazwaWyszukiwarki” href=”adresURLWtyczki„>

    nazwaWyszukiwarki musi być identyczna jak w pliku XML!

Od tej pory jeśli wszystko zostało wykonane poprawnie wtyczkę będzie można dodać w taki sam sposób jak moją.

Tagi , , , .


5 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

  1. fanatyk says

    Pomysłowe, naprawdę pomysłowe ! 🙂

  2. qx says

    Błąd bazy danych: Unknown column ‚count’ in ‚field list’
    SQL: UPDATE `wp_firestats_useragents` SET `count`=count+1 WHERE id = ‚4916’
    Takie coś wywaliło u mnie u góry strony. Celowe to jest?

  3. pinklerose says

    Wiem o tym. Jednak jak na razie nie mam czasu żeby pogrzebać trochę w bazie danych. Zachciało mi się wtyczki w wersji RC – nie zadziałała i jest teraz taka kaszana. 😉

  4. Łukasz Więcek says

    Trochę z tym walczyłem, bo podczas publikacji blogu pozamieniało Ci normalne cudzysłowy, na takie skośne 😉

    screen: http://clip2net.com/clip/m233/1189841223-4c0a5-2kb.jpg

    Pozdrawiam i dzięki za opis.

  5. Aukcje Internetowe says

    Witaj,

    Dzieki za pomysł. Jest super i już jest u mnie na stronie.
    Artykuł prosty ale pomocny.

    Jeszcze raz dzięki



Some HTML is OK

or, reply to this post via trackback.