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ą.
Wtyczka została wykonana na podstawie dokumentacji Mozilli. Więcej informacji TUTAJ
Jeśli ten sposób okaże się zbyt trudny zawsze można skorzystać z generatora, który znajduje się na przykład na TEJ stronie.
Dodaj komentarz