Integrarea și personalizarea Lijit pentru site-ul dvs.

Căutarea este o parte importantă a oricărui site web, iar o lipsă de funcționalitate de căutare va însemna că vizitatorii dvs. nu vor găsi ceea ce caută, niciodată un lucru bun. Dacă sunteți un utilizator WordPress, știi cum este, pentru că WordPress, la fel ca multe alte platforme online de publicare, nu poate fi la fel de bun ca Google. Cu toate acestea, există soluții. Puteți să vă schimbați soluția de căutare cu altceva, fie Google Co-Op, fie Lijit. În acest tutorial, vom arunca o privire la Lijit, care vă va permite să căutați în mai multe site-uri, precum și mai multe aplicații web sociale acolo.

Lijit mi-a dat atenția ca pe o opțiune serioasă pentru Google Co-Op
soluție prin includerea sferei sociale. Pot adăuga cu ușurință YouTube, Flickr, Twitter
și mult mai mult de atât, pentru includerea în interogările de căutare trimise prin Lijit
căsuță de căutare pe site-ul meu. Astfel, un utilizator poate căuta toate prezențele mele online, aducându-le
mai aproape împreună. Acesta este, bineînțeles, un lucru bun.

Scurt

Voi folosi site-ul meu, tdhedengren.com, ca exemplu pentru acest tutorial. Este într-un fel
modul de redesign, departe de a fi terminat, ceea ce înseamnă că este bine să jucați cu el. De fapt, ar fi oricum, este la urma urmei a mea, dar asta e pe langa punct. Eu folosesc WordPress, dar în acest tutorial nu vor exista specificații WordPress, deoarece nu contează pentru Lijit. Am deja funcția de căutare din WordPress, dar o am înlăturată în favoarea lui Lijit.

Deci sa începem!

Pasul 1 - Obținerea Lijit

Înscrierea la Lijit este ridicol de ușoară. Doar vizitați lijit.com și introduceți adresa URL în câmp și veți fi aruncat într-un ghid unde puteți spune Lijit unde aveți o prezență online, adăugați bloguri și site-uri pe care doriți să le includeți în căutare, alături propria dvs., desigur, și lucruri de genul asta. De fapt, puteți chiar să întrebați pe Lijit să tragă blogurile din blogroll-ul dvs. în căutarea dvs., o caracteristică minunată dacă există.

Lista serviciilor online este ușor de editat. Trebuie doar să dați clic pe căsuța de validare și să completați numele de utilizator (veți primi o legătură de verificare când ați terminat de scris, pentru a vă asigura că este utilizatorul potrivit pentru acel serviciu online) și ați terminat.

Există o mulțime de servicii online și locuri de a alege, printre care MyBlogLog, Digg, Viddler, Tumblr, Disqus, Reddit, Facebook și alte grupuri, pe lângă cele deja menționate. Și dacă otrava dvs. online nu ar fi acolo, puteți trimite oricând o adresă URL sau un feed RSS, iar Lijit o va adăuga în rețea.

Aceste lucruri sunt destul de drepte. Când ați terminat, puteți obține Căutarea Wijit, care este caseta de căutare pe care dorim să o integram pe site-ul nostru. Dacă vă pierdeți în toate setările contului și alte lucruri, faceți clic pe linkul din partea dreaptă sus sus numit My Search Wijit și sunteți bine să treceți la pasul 2.

Pasul 2 - Integrarea căutării Wijit

Este destul de ușor să obțineți caseta de căutare Lijit, numită Căutare Wijit, pe site-ul dvs. Doar faceți clic pe Căutarea mea Wijit în partea din dreapta sus atunci când vă conectați, alegeți stilul Wijit, culoarea și culoarea logo-ului, faceți alte ponturi destul de evidente (adăugați / eliminați caracteristici ca o căutare norocoasă de cuvinte cheie, pictograme și altele) salvați setările. Dacă faceți clic pe Instalați butonul Wijit, veți obține codul dvs., iar apoi trebuie doar să copiați-copiați-l pe acest site unde doriți să fie caseta de căutare Lijit. Este destul de simplu. Când este instalat, nu va mai trebui să îl instalați din nou, pur și simplu schimbați setările și salvați și este acolo automat pe site-ul dvs., deoarece totul este preluat de pe serverele Lijit.

Cu toate acestea, să nu ne depășim pe noi înșine. Înapoi la blogul meu. Am vrut caseta de căutare Lijit imediat, așa că am dezactiva toate caracteristicile suplimentare (pictograme de conținut și așa mai departe), a ales stilul Big Rounded, culoarea gri și tonurile de gri pentru opțiunea pentru culoarea logo-ului. Previzualizarea arată cum va arăta, dar am pus-o oricum, stabilind lățimea Căutării Wijit la 280, ceea ce știu că îmi va potrivi bara laterală.

Destul de simplu, corect. Dacă faceți clic pe Instalați Wijit, dați-mi o pagină în care pot efectua instalări rapide dacă am un blog TypePad sau Blogger, dar deoarece sunt utilizator de WordPress, am primit un fragment simplu de cod JavaScript pentru a include.

  Căutare Lijit

Deoarece cred că logo-ul Lijit este suficient, am eliminat link-ul și apoi am lipit acest cod în bara mea laterală, unde am avut anterior caseta de căutare nativă WordPress.

 

Simplu, am o soluție de căutare integrată, propulsată de Lijit. Lucrul minunat este că rezultatele căutării sunt servite într-un strat care plutește deasupra site-ului meu, ceea ce înseamnă că vizitatorii care caută ceva pe blogul meu nu vor trebui să plece, decât dacă primesc un hit de la oricare altă prezență online poveste despre Devlounge, un tweet sau altceva din rețeaua mea), care apoi va duce la acest loc, desigur.

Simplu ca asta, a durat cateva minute jucand in jurul meu pentru a obtine propria mea cautare Lijit pe site-ul meu.

Doar pentru distracție, să vedem cum va arăta căsuța de căutare cu toate bling-urile suplimentare activate, cum ar fi nori de cuvinte cheie, butoane și pictograme suplimentare și așa mai departe.

Nu, nu vreau asta, este prea mult pentru mine. Îmi place abordarea mai minimalistă, servind conținutul din toate prezențele mele on-line când oamenii o cer (căutarea), mai degrabă decât împingându-l în acest fel. Dar depinde de tine, poate ți-ar plăcea!

Pasul 3 - Personalizarea căutării Wijit pentru designul dvs.

În timp ce eu cred că caseta de căutare Lijit arată bine cu aceste setări de bază, firește, aș vrea să fie un pic mai personalizat pentru designul meu. Acest lucru se face prin adăugarea unor CSS în foaia dvs. de stil, care va controla designul casetei Lijit la fel cum ar fi atunci când faceți o formă de căutare tradițională.

Cu toate acestea, înainte de a putea face acest lucru, va trebui să vizitați din nou pagina My Search Wijit și să alegeți Style My Own din meniul derulant Style Wijit și să salvați. Aceasta va schimba caseta de căutare Lijit cu ceva ce putem folosi folosind CSS.

Nu prea drăguț, dar vom rezolva asta. Pentru mine, vreau o formă curată și simplă, la fel ca cele pe care le am pentru a posta comentarii și ce nu pot găsi pe site-ul meu. Nu există multe elemente CSS pe care trebuie să le dezamăgesc.

  • #lwp_main este container principal div
  • #lwp_sfb este formularul
  • #lwp_sfd este caseta de intrare
  • # lwp_2_searchbutton este butonul de trimitere
  • #lwp_ps este containerul pentru norul de căutare

Prin adăugarea acestora în foaia de stil, puteți personaliza cu ușurință caseta de căutare Lijit pentru a se potrivi designului dvs. Tocmai am făcut câteva editări minore:

 #lwp_main float: right; lățime: 130px; text-align: dreapta;  / * div principală * / #lwp_sbf overflow: ascuns; margin: 0; padding: 0;  / * formularul * / #lwp_sfd width: 110px! important; margin-bottom: 3px; padding: 2px; frontieră: 1px solid # 555; text-align: dreapta;  / * caseta de intrare * / # lwp_2_searchbutton background: # 555; culoare: #fff; font-size: 12px; font-weight: bold; frontieră: 0; text-transform: litere mici;  / * butonul de trimitere * / # lwp_2_searchbutton: hover background: # 0c1;  #lwp_ps  / * containerul pentru norul de căutare * / #lwp_f width: 130px! important; 

Rezultatul este o casetă de căutare mică în câmpul meu de căutare mai mare. Din moment ce #lwp_main este divul care conține, am folosit acel unul pentru asta și mi-am pus în propriul cod pentru a pluti un div cu tipul informațional mic la stânga. Firește, poți să faci mult mai multe lucruri fantezii folosind CSS personalizat, deci găsește tot ce se potrivește site-ului tău și mergi cu el. Cel mai probabil, tot ce trebuie să faceți este să vă luați codul curent pentru căsuța dvs. de căutare și să puneți acest lucru în elementul Lijit CSS corespunzător în foaia de stil.

Pasul 4 - Variațiile rezultatelor căutării

Personal, îmi place div divorat care afișează rezultatul căutării deasupra designului meu. Cu toate acestea, dacă doriți să încorporați într-adevăr rezultatul căutării pe site-ul dvs., acest lucru este posibil. Funcționează destul de mult ca Google Co-Op, ceea ce înseamnă că veți crea o pagină pe site-ul dvs. care conține un fragment de cod care va afișa rezultatul dvs..

Configurarea este o briza. Doar du-te la My Search Wijit și alegeți pe blogul meu (avansat) în meniul derulant Afișare rezultate afișate. Apoi, scrieți adresa URL în pagina cu rezultatele căutării și inserați codul menționat în caseta de mai jos pe această pagină. Asta este, foarte simplu, nu uitați să salvați setările.

Terminat! Asta e! După cum puteți vedea, cantitatea de muncă necesară pentru a obține o căutare activă Lijit pe site-ul dvs. este minimă. Dacă doriți să-l personalizați, va trebui să vă încurcați un pic mai mult, dar este într-adevăr mai mult o problemă cu codul și designul site-ului dvs. actual, decât cu ceva neclintit în interfața lui Lijit.

Pro și contra de a merge cu Lijit mai degrabă decât Google Co-Ops pot fi discutate, desigur. Acestea din urmă oferă opțiunea de a include codul dvs. Adsense propriu, care ar putea genera niște bani, dar Lijit a făcut ca lucrurile pe Web să meargă într-un mod mai răcoros. Dacă ați făcut această alegere, nu ezitați să împărtășiți raționamentul dvs., precum și verdictul dvs. dacă aveți unul.

Căutați fericit!

Cod