5 joulukuun, 2021

Miten luoda mukautetun WordPress hakulomake (3 yksinkertaista vaihetta)

haku on keskeinen osa verkkokokemusta, ja sitä kautta suurin osa käyttäjistä löytää tietoa verkosta. Sellaisenaan, jos vierailija saapuu sivustoosi ja ei voi heti löytää mitä he etsivät, on hyvä mahdollisuus he voivat lähteä kaivamatta pidemmälle. WordPress hakulomake voi auttaa varmistamaan, että ei tapahdu.

toteuttamalla sivustoosi paremman hakutoiminnon voit auttaa käyttäjiä löytämään tarvitsemansa nopeammin ja samanaikaisesti vähentää pomppunopeuksia. Se on win-win-tilanne kaikille mukana oleville.

tässä artikkelissa käsitellään sivustosi sisäisen haun merkitystä ja näytetään, miten hakulomake lisätään verkkosivustoosi. Sitten me opastaa miten luoda oman mukautetun WordPress hakulomake kolmessa vaiheessa. Aloitetaan!

miksi WordPress – hakulomakkeesi on tärkeä

haku on hallitseva voima verkossa. Näin suurin osa käyttäjistä löytää uutta sisältöä ja sivustoja vierailtavaksi – ja me kaikki tunnemme hakukoneoptimoinnin (SEO) merkityksen, kun se tulee löytymään verkosta.

yhtä moni verkkosivujen omistaja ei kuitenkaan pidä hakujen näkyvyyttä omilla sivustoillaan. Loppujen lopuksi päävalikko voi tuntua siltä, kuin kaikki navigointi kävijät saattavat tarvita.

kuitenkin, jos käyttäjät laskeutuvat sivustollesi eivätkä löydä etsimäänsä nopeasti, he eivät välttämättä jää paikalle. Tämä on erityisen kriittinen, jos ne tulivat Google-haku, koska siellä on koko lista todennäköisiä kilpailijoita vain takaisin napsautuksen päässä.

hyödyllinen ja helposti saatavilla oleva sisäinen hakulomake estää käyttäjiä poistumasta sivustoltasi ennenaikaisesti. Tämä tarkoittaa vähemmän tappioita kilpailijoille ja enemmän mahdollisuuksia muuntaa kävijöitä tilaajiksi, asiakkaiksi tai faneiksi.

samoin, jos sinulla on satoja tai tuhansia blogikirjoituksia julkaistu, se voi olla vaikeaa käyttäjille käydä läpi ja löytää artikkeleita tietyistä aiheista. Hakutoiminto voi parantaa sivustosi käyttäjäkokemusta (UX) ja jättää kävijät tyytyväisemmiksi, mikä on lopulta hyväksi liiketoiminnalle.

kuinka lisätä hakupalkki sivustoosi (kaksi menetelmää)

WordPress-oletusasennus sisältää hakupalkin, joka voidaan lisätä sivustosi widget-tyyppisiin alueisiin, kuten otsikkoon, alatunnisteeseen tai sivupalkkiin. On olemassa kaksi tapaa lisätä tämän widget:

  1. kautta WordPress Customizer.
  2. suoraan kojelaudasta.

lisää hakulomake käyttämällä WordPress Customizer

voit lisätä hakulomakkeen käyttämällä Customizer, suuntaa WordPress kojelautaan ja siirry ulkonäkö → muokata. Napsauta widgetit Customizer sivupalkissa.

tämä avaa uuden valikon, jossa on luettelo sivustosi widget-alueista ja elementeistä, jotka kukin tällä hetkellä sisältää:

jos haluat lisätä hakupalkin widget-alueeseen, napsauta Lisää Widget-painiketta alueella, johon haluat sijoittaa sen. Vieritä uuteen valikkoon, joka liukuu ulos, ja valitse hakuelementti:

lisäämällä haku widget WordPress Customizer.

tämä lisää widget loppuun luettelon:

Hakuelementti sijoitetaan alatunnisteen osion loppuun.

voit sitten vetää sen eri paikkaan uudelleen asemoida sen. Esimerkiksi pudottamalla sen alussa luettelon siirtää sen kauas vasemmalle widget alue.

hakulomakkeeseen voi lisätä myös otsikon täyttämällä nimikentän. Tämä sisältää pienen otsikon hakukentän yläpuolella:

WordPress hakulomake mukautetun otsikko.

kun olet valmis, muista tallentaa muutokset. Voit tehdä tämän klikkaamalla sinistä Julkaise-painiketta Customizer-valikon yläosassa.

lisää hakulomake WordPress dashboard

jos haluat, voit lisätä hakulomakkeen myös suoraan WordPress dashboard. Aloittaaksesi siirry kohtaan Appearance → widgetit avataksesi widget editor-näytön:

Widget alue WordPress kojelauta.

sieltä, yksinkertaisesti löytää haku widget luettelosta ja vedä se alueelle haluat näyttää sen:

WordPress hakulomake lisätty alatunnisteen sivuston.

pääset käsiksi samoihin vaihtoehtoihin täällä kuin muokkaimessa. Voit tilata widget muuttaa sen sijaintia tai lisätä otsikko, Jos haluat.

ainoa ero on, että muokkaaja tarjoaa visuaalisen esikatselun muutoksistasi. Jos päätät milloin tahansa, että haluat mieluummin käyttää Customizer, Klikkaa Hallitse Live esikatselu painiketta näytön yläreunassa avata sen.

huomaa, että sivustollasi saatavilla olevia tiettyjä widget-alueita ohjataan teemallasi, eikä jokainen teema sisällä samoja vaihtoehtoja. Esimerkiksi oletus WordPress Kaksikymmentäkaksikymmentäyksi teema tarjoaa vain alatunnisteen widget alue.

Kuinka muokata WordPress-hakulomaketta manuaalisesti

valitettavasti WordPress-hakulomakkeessa ei ole monia muokkausvaihtoehtoja. Voit muuttaa sen asentoa ja lisätä otsikon, kuten edellä on kuvattu, mutta se on kaikki, mitä on käytettävissä käyttöliittymän avulla.

kuitenkin, koska puhumme WordPressistä, on olemassa keino kiertää tämä: muokata koodia suoraan. Käyttämällä WordPress malli tiedostoja, voit luoda mukautetun hakusivun sivustoosi. Jos haluat tehdä tämän, WordPress.org on fantastinen läpivalaisu.

tästä menetelmästä huolimatta WordPress-hakutoiminnon oletusarvo on edelleen rajallinen. Voit vain sijoittaa lomakkeen widget alueilla, ja ulkonäkö perustuu teeman, joka ei välttämättä tarjoa paljon tavalla muokkausvaihtoehtoja. Onneksi on olemassa helpompia tapoja muokata hakulomaketta-nimittäin käyttämällä WordPress plugins.

miten luoda mukautetun WordPress hakulomake ilmainen plugin

jos haluat luoda mukautetun WordPress hakulomake ja eivät ole tyytyväisiä koodi (tai vain ei ole aikaa siihen), voit käyttää ilmainen plugin sijaan. Tässä osiossa opastamme sinua luomaan mukautetun hakupalkin Ivory Search-liitännäisen avulla.

Asenna ja aktivoi Ivory Search plugin

ensimmäinen askel on suunnata WordPress kojelautaan ja asentaa Ivory Search:

Ivory Search-WordPress - HakuliitännäinenIvory Search-WordPress-Hakuliitännäinen

Author(s): Ivory Search

Current Version: 5.3

Last Updated: December 29, 2021

add-search-to-menu.5.3.zip

tämä on ilmainen plugin, jonka avulla voit luoda mukautetun hakulomake WordPress sivuston. Voit säätää hakupalkin ulkonäköä, sijoittaa lomakkeen sivustosi valikkoon ja hienosäätää, mitä sisältöä tuloksissa näkyy.

asenna plugin WordPress kojelaudasta. Kun olet aktivoinut sen, voit siirtyä seuraavaan vaiheeseen.

Luo uusi hakulomake

kun olet aktivoinut liitännäisen, voit luoda ensimmäisen hakulomakkeen. WordPress kojelauta, siirry Ivory Search → hakulomakkeet:

lisätään Uusi hakulomake Ivory Search.

plugin automaattisesti kansoittaa lomakkeen sen oletusasetukset, joten voit aloittaa nopeasti, jos haluat. Kuitenkin, voit myös muokata asetuksia perusteellisesti.

hakusivulla voit määrittää, mitä sisältöä sivustossasi haluat sisällyttää hakuihin. Napsauta kunkin osion läpi tarkistaaksesi ja poistaaksesi eri post-ja sivutyypit:

valitaan, minkä tyyppisiä sisältöjä sisällytetään muokattuun WordPress - hakulomakkeeseen.

sulje pois-välilehdellä voit valita tiettyjä viestejä ja sivuja, joita et halua sisällyttää hakutuloksiin. Tämä on kätevä jättää pois esimerkiksi tietyt hakemistosivut.

suunnittelu-välilehdellä voit muokata hakulomakkeen ulkonäköä:

Ivory Search-asetusten Suunnitteluosuus.

sinun täytyy ehkä klikata Enable Search Form Customization-valintaruutua aktivoidaksesi customizerin (se on oletuksena pois päältä). Kun olet tehnyt, että, voit klikata hakulomake Customizer linkki avata WordPress Customizer:

räätälöinti WordPress hakulomake Customizer.

siellä voit valita itse hakukentän tyylin sekä eri elementeille käytetyt värit ja tekstin, kuten laatikon sisällä olevan paikkamerkin tekstin. Kun olet valmis, muista klikata Julkaise-painiketta sivun yläreunassa.

lopulta Asetukset-välilehdellä voit määrittää hakutulossivua:

Mukauttaminen WordPress hakulomakkeen Ivory haku asetukset.

on vaihtoehtoja tulosten määrä per sivu, Haluatko hakutermejä korostettu, ja useita muita lisäasetukset. Kun olet määrittänyt lomakkeen, napsauta sinistä Save Form-painiketta viimeistelläksesi muutokset.

lisää hakulomake sivustoosi

kun lomake on määritetty, olet nyt valmis lisäämään sen verkkosivustollesi. Voit sijoittaa lomakkeen otsikon, alatunnisteen tai WordPress-valikon.

jos haluat lisätä Ivory-hakulomakkeen sivustosi otsikkoon tai alatunnisteeseen, siirry kohtaan Ivory Search → Asetukset:

Ivory Search settings-näyttö.

valitse seuraavaksi luettelosta joko otsikkohaku tai Alatunnistehaku ja napsauta sitten juuri luomaasi lomaketta pudotusvalikosta:

lisäämällä mukautetun hakulomakkeen WordPress otsikko.

kun olet valmis, napsauta Tallenna päivittää sivuston. Tässä tapauksessa olemme lisänneet palkin otsikkoomme:

mukautettu hakulomake näkyy WordPress otsikko.

jos haluat lisätä hakulomakkeen sivustosi valikkoon, siirry kohtaan Ivory Search → Valikkohaku:

lisäämällä mukautetun hakulomakkeen WordPress-valikkoon.

tällä näytöllä voit valita valikon, johon haluat sisällyttää hakupalkin. Plugin lisää pieni suurennuslasi valikkoon. Klikkaamalla suurennuslasia avautuu hakukenttä, johon termit voidaan syöttää:

mukautettu haku näkyy WordPress-valikossa.

nyt riitti! Olet nyt räätälöinyt oman WordPress hakulomakkeen.

päätelmät

olitpa yrittää vähentää bounce hinnat sivustossasi tai tarjota parempi UX, mukautettu hakulomake on fantastinen ratkaisu.

vaikka WordPress sisältää oletuksena hakupalkin, se on rajoitettu, missä se voidaan sijoittaa ja miten se voidaan räätälöidä. Käyttämällä plugin kuten Ivory Search voit helposti luoda täysin mukautetun lomakkeen ja näyttää sen lähes missä haluat vain muutaman askeleen.

jos haluat parantaa sivustosi hakua, tutustu vinkkeihimme WordPressin sisäisen haun parantamiseksi.

Vastaa

Sähköpostiosoitettasi ei julkaista.