Share
Sökning är en viktig del av någon webbplats, och en bristande sökfunktionalitet betyder att dina besökare inte hittar det de letar efter, aldrig en bra sak. Om du är en WordPress-användare vet du vad det är, för WordPress, som så många andra onlinepubliceringsplattformar, kan bara inte vara lika bra som Google är. Det finns dock lösningar. Du kan byta din söklösning med något annat, vare sig det är Google Co-Op eller Lijit. I den här handledningen tar vi en titt på Lijit, som låter dig söka på flera webbplatser, liksom flera sociala webbapplikationer där ute.
Lijit gav min uppmärksamhet som ett allvarligt alternativ till den övergripande ganska utmärkta Google Co-Op
lösning med deras inkludering av den sociala sfären. Jag kan enkelt lägga till min YouTube, Flickr, Twitter
konto och mycket mer ovanför, för att inkludera i sökfrågorna skickade via Lijit
sökrutan på min webbplats. På så sätt kan en användare söka igenom alla mina händelser på nätet och få dem
närmare varandra. Det är förstås en bra sak.
Jag använder min egen webbplats, tdhedengren.com, som ett exempel för denna handledning. Det är i en slags
redesign mode, långt ifrån färdig, vilket betyder att det är OK att spela med det. Egentligen är det ändå, det är ju min, trots det, men det är bredvid punkten. Jag kör WordPress, men det kommer inte att finnas några WordPress-specifika i denna handledning, eftersom det inte spelar någon roll för Lijit. Jag har redan sökfunktionen från WordPress, men jag tar bort den till förmån för Lijit.
Så låt oss börja!
Att anmäla sig till Lijit är löjligt enkelt. Besök bara lijit.com och skriv in din webbadress i fältet och du kommer att bli kastad i en guide där du kan berätta för Lijit där du har en online-närvaro, lägg till bloggar och webbplatser som du vill vara med i sökningen, bredvid din egen självklart, och saker som det. Faktum är att du kan begära Lijit att dra bloggarna från din bloggroll till din sökning, en snygg funktion om någon.
Listan med onlinetjänster kan enkelt redigeras. Klicka bara på den här kryssrutan och fyll i ditt användarnamn (du får en kontrolllänk när du är klar med att skriva, för att se till att det är rätt användare på den specifika onlinetjänsten), och du är klar.
Det finns många online-tjänster och platser att välja bland, inklusive MyBlogLog, Digg, Viddler, Tumblr, Disqus, Reddit, Facebook och en massa andra, förutom de som redan nämnts. Och om ditt onlineförgift inte finns där kan du alltid skicka in en webbadress eller ett RSS-flöde, och Lijit lägger till det i nätverket.
Dessa saker är ganska raka framåt. När du är klar kan du få din Sök Wijit, vilket är sökrutan vi vill integrera på vår webbplats. Om du går vilse i alla kontoinställningar och andra saker klickar du bara på länken längst upp till höger, kallad My Search Wijit och du är bra att gå vidare till steg 2.
Det är lätt att få sökrutan Lijit, kallad Search Wijit, på din webbplats. Klicka bara på My Search Wijit längst upp till höger när du är inloggad, välj en färgstorlek, färg och logotyp, gör några andra ganska uppenbara val (lägg till / ta bort funktioner som ett populärt sökord, moln, ikoner osv.) Och spara inställningarna. Om du klickar på Installera Wijit-knappen får du din kod, och då behöver du bara kopiera-klistra in det här till var du vill att Lijit-sökrutan ska vara på din webbplats. Det är enkelt nog. När du installerat behöver du inte installera det igen, du ändrar bara dina inställningar och sparar, och det finns automatiskt på din webbplats, eftersom allt hämtas från Lijit-servrarna.
Låt oss dock inte komma före oss själva. Tillbaka till min blogg. Jag ville ha Lijit-sökrutan direkt, så jag avmarkerade alla extrafunktioner (innehållsikoner och så vidare), plockade storrundad stil, grå färg och gråskala för logotypens färgalternativ. Förhandsvisningen visar hur det kommer att se ut, men jag ställer upp det ändå, ställer bredden på Sök Wijit till 280 som jag vet skulle passa mitt sidofält.
Enkelt nog, rätt. Genom att klicka på Installera Wijit ger jag en sida där jag kan göra snabba installationer om jag har en TypePad- eller Blogger-blogg, men eftersom jag är en WordPress-användare får jag ett enkelt JavaScript-kodstycke för att inkludera.
Lijit Search
Eftersom jag tycker att Lijit-logotypen är tillräckligt, tog jag bort länken och klistrade sedan den här koden i mitt sidofält där jag tidigare hade den inbyggda sökrutan för WordPress..
Enkelt så har jag en integrerad söklösning som drivs av Lijit. Det stora är att sökresultatet serveras i ett lager som flyter ovanför min webbplats, vilket innebär att besökare som söker efter något på min blogg inte behöver lämna, såvida de inte får träff från någon av mina andra online-händelser (vare sig det är en berättelse om Devlounge, en tweet eller något annat från mitt nätverk), som då kommer att leda till denna plats, förstås.
Enkelt som det, det tog några minuter att spela runt för att få min egen Lijit-sökning på min webbplats.
Bara för skojs skull, låt oss se hur sökrutan skulle se ut med allt extra bling-bling aktiverat, till exempel sökordskläder, extra knappar och ikoner och så vidare.
Nej, det vill jag inte, det är för mycket för mig. Jag gillar det mer minimalistiska tillvägagångssättet, som serverar innehåll från alla mina online-närvaro när folk frågar efter det (dvs sökning), snarare än att driva framåt på det här sättet. Men det är upp till dig, du kanske gillar det!
Medan jag tycker att sökrutan Lijit ser bra ut med dessa grundläggande inställningar, vill jag naturligtvis det lite mer anpassad för min design. Detta görs genom att lägga till några CSS i ditt stilark, vilket kommer att styra utformningen av Lijit-rutan precis som det skulle göra när man gör en traditionell sökformulär.
Innan du kan göra det måste vi dock besöka sidan My Search Wijit igen och välja Style My Own från rullgardinsmenyn Wijit Style och spara. Detta kommer att ändra sökrutan Lijit till något vi kan stila med CSS.
Inte så snyggt längre, men vi fixar det. För mig vill jag ha en ren och enkel form precis som de jag har för att skicka kommentarer och vad som inte är på min sida. Det finns inte många CSS-element som vi behöver röra med.
Genom att lägga till dessa i ditt stilark kan du enkelt utforma sökrutan Lijit så att den passar din design. Jag gjorde bara några mindre ändringar:
#lwp_main float: right; bredd: 130px; text-align: right; / * main div * / #lwp_sbf översvämning: gömd; marginal: 0; padding: 0; / * formuläret * / #lwp_sfd bredd: 110px! viktigt; marginal-botten: 3px; vaddering: 2px; gräns: 1px fast # 555; text-align: right; / * inmatningsrutan * / # lwp_2_searchbutton background: # 555; färg: #fff; fontstorlek: 12px; font-weight: bold; gräns: 0; text-transform: små bokstäver; / * Skicka-knappen * / # lwp_2_searchbutton: sväva bakgrund: # 0c1; #lwp_ps / * behållaren för sökmolnet * / #lwp_f bredd: 130px! viktigt;
Resultatet är en flytad liten sökruta i min större sökruta. Eftersom #lwp_main är den innehållande diven, använde jag den här för detta och sätter i min egen kod för att flyta en div med den lilla informationstypen till vänster. Naturligtvis kan du göra mycket mer snygga saker med hjälp av den anpassade CSS, så hitta vad som helst som passar din webbplats och gå med den. Mest troligt är att allt du behöver göra är att ta din nuvarande kod för din sökrutan och sätt den i motsvarande Lijit CSS-element i ditt stilark.
Personligen gillar jag den lagrade div som visar sökresultatet ovanför min design. Men om du verkligen vill bädda in sökresultatet på din webbplats kan du göra det. Det fungerar ungefär som Google Co-Op, vilket innebär att du skapar en sida på din webbplats som innehåller ett kodavsnitt som visar ditt resultat.
Att sätta upp det är en bris. Gå bara till My Search Wijit och välj På min blogg (avancerad) i rullgardinsmenyn Visa sökresultat. Skriv sedan URL-adressen till din sökresultatssida och klistra in koden som anges i rutan nedan på den här sidan. Det är det, väldigt enkelt, glöm inte att spara dina inställningar.
Färdiga! Det är allt! Som du kan se är den mängd arbete som behövs för att få en fungerande Lijit-sökning på din webbplats minimal. Om du vill anpassa den måste du röra lite mer, men det är verkligen mer av ett problem med din nuvarande webbplats kod och design, snarare än något clunky i Lijits gränssnitt.
Fördelen med att gå med Lijit istället för Google Co-Ops kan naturligtvis diskuteras. Det senare erbjuder möjligheten att inkludera din egen Adsense-kod, vilket skulle kunna generera lite pengar, men Lijit har det sociala nätet som går på ett kallare sätt. Om du har gjort detta val, var god att dela med dig av din resonemang, såväl som din dom bör du ha en.
Lycklig sökning!
Accentsconagua