Share
Søk er en viktig del av et nettsted, og en manglende søkefunksjonalitet vil bety at de besøkende ikke finner det de leter etter, aldri noe bra. Hvis du er en WordPress-bruker, vet du hva det er, fordi WordPress, som så mange andre nettbaserte publiseringsplattformer, bare ikke kan være så god som Google er. Imidlertid er det løsninger. Du kan bytte søkeløsning med noe annet, enten det er Google Co-Op eller Lijit. I denne opplæringen tar vi en titt på Lijit, som lar deg søke på flere nettsteder, samt flere sosiale webapps der ute.
Lijit utviste min oppmerksomhet som et seriøst alternativ til den generelle, ganske gode Google Co-Op
løsning med deres inkludering av sosial sfære. Jeg kan enkelt legge til YouTube, Flickr, Twitter
konto, og mye mer over det, for inkludering i søkene sendt gjennom Lijit
søkefelt på nettstedet mitt. På den måten kan en bruker søke på tvers av alle mine forekomster på nettet, og bringe dem
tettere sammen. Det er selvfølgelig en god ting.
Jeg vil bruke mitt eget nettsted, tdhedengren.com, som et eksempel på denne opplæringen. Det er i en slags
redesign modus, langt fra ferdig, noe som betyr at det er OK å leke med det. Faktisk ville det være uansett, det er jo min, men det er ved siden av poenget. Jeg kjører WordPress, men det vil ikke være noen WordPress-detaljer i denne opplæringen, siden det ikke betyr noe for Lijit. Jeg har allerede søkefunksjonaliteten fra WordPress, men jeg fjerner den til fordel for Lijit.
Så la oss komme i gang!
Å registrere seg på Lijit er latterlig lett. Bare besøk lijit.com og skriv inn nettadressen din i feltet, og du vil bli kastet i en guide der du kan fortelle Lijit hvor du har en online tilstedeværelse, legg til blogger og nettsteder du vil bli med i søket ved siden av din egen selvfølgelig, og ting som det. Faktisk kan du til og med spør Lijit å trekke bloggene fra blogrollen din til søket ditt, en fin funksjon hvis noen.
Listen over elektroniske tjenester er enkelt redigert. Bare klikk på avkrysningsruten og fyll ut brukernavnet ditt (du får en sjekkkobling når du er ferdig med å skrive, for å være sikker på at den er den riktige brukeren på den aktuelle online-tjenesten), og du er ferdig.
Det er mange online tjenester og steder å velge mellom, inkludert MyBlogLog, Digg, Viddler, Tumblr, Disqus, Reddit, Facebook og en rekke andre, i tillegg til de som allerede er nevnt. Og hvis din online gift ikke er der, kan du alltid sende inn en URL eller RSS-feed, og Lijit vil legge den til nettverket.
Disse tingene er ganske rett frem. Når du er ferdig, kan du få din Search Wijit, som er søkeboksen vi ønsker å integrere på vår side. Hvis du går seg vill i alle kontoinnstillingene og andre ting, klikker du bare koblingen øverst til høyre, kalt My Search Wijit, og du er god til å gå videre til trinn 2.
Det er lett nok å få Lijit-søkeboksen, kalt Search Wijit, på nettstedet ditt. Bare klikk My Search Wijit øverst til høyre når du er logget inn, velg en Wijit Style, farge og logo farge, gjør noen andre ganske åpenbare plukker (legg til / fjern funksjoner som et populært søk søkeord, sky, ikoner osv.), Og lagre innstillingene. Ved å klikke Installer Wijit-knappen får du koden din, og du må bare kopiere og lime inn dette til hvor du vil at Lijit-søkeboksen skal være på nettstedet ditt. Det er enkelt nok. Når du er installert, trenger du ikke å installere den igjen, du endrer bare innstillingene dine og lagrer, og den er automatisk på nettstedet ditt, siden alt hentes fra Lijit-serverne.
Men la oss ikke komme foran oss selv. Tilbake til bloggen min. Jeg ønsket Lijit-søkefeltet opp med en gang, så jeg fjernet alle ekstrafunksjonene (innholdsikonene og så videre), plukket storrundet stil, grå farge og gråtoner for logo-fargevalg. Forhåndsvisning viser hvordan det ser ut, men jeg legger det opp uansett, setter bredden på Search Wijit til 280 som jeg vet ville passe til sidebjørnet mitt.
Enkel nok, rett. Hvis du klikker Installer Wijit, får jeg en side der jeg kan gjøre raske installasjoner hvis jeg har en TypePad- eller Blogger-blogg, men siden jeg er en WordPress-bruker, får jeg en enkel JavaScript-kodestykke for å inkludere.
Lijit Search
Siden jeg tror at Lijit-logoen er nok, fjernet jeg koblingen, og deretter klistret denne koden i min sidefelt, der jeg tidligere hadde WordPress-innfødt søkeboks.
Enkelt som det, jeg har en integrert søkeløsning drevet av Lijit. Det store er at søkeresultatene blir servert i et lag som flyter over nettstedet mitt, noe som betyr at besøkende som søker etter noe på bloggen min, ikke trenger å gå, med mindre de får et treff fra noen av mine andre online-hendelser (det være seg en historien om Devlounge, en tweet eller noe annet fra nettverket mitt), som da vil føre til dette stedet, selvfølgelig.
Enkel som det, det tok noen minutter å spille rundt for å få mitt eget Lijit-søk på nettstedet mitt.
Bare for moro skyld, la oss se hvordan søkefeltet vil se ut med alle ekstra bling-bling aktivert, for eksempel søkeordskyger, ekstra knapper og ikoner og så videre.
Nei, jeg vil ikke ha det, det er for mye for meg. Jeg liker den mer minimalistiske tilnærmingen, og serverer innhold fra alle mine online-hendelser når folk ber om det (dvs. søk), i stedet for å skyve det frem på denne måten. Men det er opp til deg, kanskje du liker det!
Mens jeg synes at Lijit-søkefeltet ser bra ut med disse grunnleggende innstillingene, vil jeg selvsagt gjerne det litt mer tilpasset for designet mitt. Dette gjøres ved å legge til noen CSS i stilarket ditt, som vil kontrollere utformingen av Lijit-boksen, akkurat som den ville når du gjør en tradisjonell søkeskjema.
Før du kan gjøre dette, må vi imidlertid gå til siden Mine søkemotorer på nytt, og velg Stil min egen fra rullegardinmenyen til Wijit Style, og lagre. Dette vil endre Lijit-søkefeltet til noe vi kan stile ved hjelp av CSS.
Ikke så pen lenger, men vi vil fikse det. For meg vil jeg ha en ren og enkel form, akkurat som de jeg har for å legge inn kommentarer og hva som ikke er på nettstedet mitt. Det er ikke mange CSS-elementer vi trenger å rote med.
Ved å legge disse til stilarket, kan du enkelt utforme Lijit-søkeboksen for å passe til design. Jeg gjorde bare noen mindre endringer:
#lwp_main float: right; bredde: 130px; tekst-Justering: høyre; / * main div * / #lwp_sbf overflow: hidden; margin: 0; padding: 0; / * skjemaet * / #lwp_sfd bredde: 110px! viktig; margin-bunn: 3px; polstring: 2px; grense: 1px solid # 555; tekst-Justering: høyre; / * inngangsboksen * / # lwp_2_searchbutton bakgrunn: # 555; farge: #fff; skriftstørrelse: 12px; font-vekt: bold; grense: 0; tekst-transformer: små bokstaver; / * Send-knappen * / # lwp_2_searchbutton: svever bakgrunn: # 0c1; #lwp_ps / * beholderen for søkskyven * / #lwp_f bredde: 130px! viktig;
Resultatet er en flytende liten søkeboks i min større søkeboks. Siden #lwp_main er den inneholdende div, brukte jeg den for dette, og satt i min egen kode for å flyte en div med den lille informative typen til venstre. Selvfølgelig kan du gjøre mye mer fancy ting ved hjelp av egendefinert CSS, så finn det som passer ditt nettsted og gå med det. Sannsynligvis er alt du trenger å gjøre, ta din nåværende kode for søkeboksen din, og sett dette i det tilsvarende Lijit CSS-elementet i stilarket ditt.
Personlig liker jeg lagdelt div som viser søkeresultatet over mitt design. Men hvis du virkelig ønsker å legge inn søkeresultatet på nettstedet ditt, er dette mulig å. Det fungerer ganske mye som Google Co-Op, noe som betyr at du vil opprette en side på nettstedet ditt som inneholder en kodestykke som vil vise resultatet.
Sette opp er en bris. Bare gå til My Search Wijit og velg På min blogg (avansert) i rullegardinmenyen Vis søkeresultater. Skriv deretter nettadressen til søkeresultatsiden din, og lim inn koden som er oppført i boksen under på denne siden. Det er det, veldig enkelt, ikke glem å lagre innstillingene dine.
ferdig! Det er det! Som du ser, er mengden arbeid som trengs for å få et fungerende Lijit-søk på nettstedet ditt, minimalt. Hvis du vil tilpasse det, må du rote litt mer, men det er virkelig mer et problem med ditt nåværende nettsteds kode og design, i stedet for noe clunky i Lijits grensesnitt.
Pro og ulemper med å gå med Lijit i stedet for Google Co-Ops kan selvfølgelig diskuteres. Sistnevnte tilbyr muligheten til å inkludere din egen Adsense-kode, som kan generere noen penger, men Lijit har fått den sosiale nettsaken på en kjøligere måte. Hvis du har gjort dette valget, er du velkommen til å dele resonnementet ditt, så vel som din dom burde du ha en.
Gledelig søking!
Accentsconagua