Navigointivalikon lisääminen WordPressissä (Aloittelijan opas)

marras 20, 2021
admin

Haluatko lisätä navigointivalikon WordPress-sivustollesi?

WordPressissä on vedä ja pudota -valikkokäyttöliittymä, jonka avulla voit luoda otsikkovalikoita, pudotusvalikoilla varustettuja valikoita ja paljon muuta.

Tässä askel askeleelta etenevässä oppaassa näytämme, miten lisäät helposti navigointivalikon WordPressiin.

Mikä on navigointivalikko?

Navigointivalikko on luettelo linkkivalikosta, jossa osoitetaan verkkosivun tärkeille alueille. Ne esitetään yleensä vaakasuorana linkkipalkkina verkkosivuston jokaisen sivun yläosassa.

Navigointivalikot antavat sivustollesi rakennetta ja auttavat kävijöitä löytämään etsimänsä. Tältä näyttää navigointivalikko WPBeginnerissä:

WordPress tekee valikkojen ja alivalikoiden lisäämisestä todella helppoa. Voit lisätä linkkejä tärkeimpiin sivuihisi, kategorioihin tai aiheisiin, blogikirjoituksiin ja jopa mukautettuihin linkkeihin, kuten sosiaalisen median profiiliisi.

Valikon tarkka sijainti riippuu WordPress-teemastasi. Useimmissa teemoissa on useita vaihtoehtoja, joten voit luoda erilaisia valikoita, jotka voidaan näyttää eri paikoissa.

Esimerkiksi useimmissa WordPress-teemoissa on ensisijainen valikko, joka näkyy yläreunassa. Joissakin teemoissa voi olla myös toissijainen valikko, alatunnisteen valikko tai mobiilinavigointivalikko.

Video-opastus

Tilaa WPBeginner

Jos haluat mieluummin kirjalliset ohjeet, jatka lukemista.

Ensimmäisen mukautetun navigointivalikon luominen

Luodaksesi navigointivalikon sinun on mentävä WordPressin hallintapaneelin Appearance ” Menus -sivulle.

Ensin sinun on annettava valikollesi nimi, kuten ’Top Navigation Menu’ (Ylin navigointivalikko), ja napsauta sitten ’Create Menu’ (Luo valikko) -painiketta. Tämä laajentaa valikkoalueen, ja se näyttää tältä:

Seuraavaksi voit valita sivut, jotka haluat lisätä valikkoon. Voit joko lisätä automaattisesti kaikki uudet ylätason sivut tai valita tietyt sivut vasemmasta sarakkeesta.

Klikkaa ensin ’Näytä kaikki’ -välilehteä nähdäksesi kaikki sivustosi sivut. Napsauta sen jälkeen kunkin sellaisen sivun vieressä olevaa ruutua, jonka haluat lisätä valikkoon, ja napsauta sitten ’Lisää valikkoon’ -painiketta.

Kun sivut on lisätty, voit siirtää niitä raahaamalla ja pudottamalla niitä.

Huomaa: Kaikkien valikoiden kohteet on lueteltu pystysuorassa (ylhäältä alaspäin) luettelossa valikkoeditorissa. Kun laitat valikon livenä sivustollesi, se näkyy joko pystysuorassa tai vaakasuorassa (vasemmalta oikealle), riippuen valitsemastasi sijainnista.

Useimmissa teemoissa on useita eri paikkoja, joihin voit laittaa valikoita. Tässä esimerkissä käytämme oletusteemaa 2020, jossa on 5 eri paikkaa.

Kun olet lisännyt sivuja valikkoon, valitse paikka, jossa haluat näyttää valikon, ja napsauta ’Tallenna valikko’ -painiketta.

Vinkki: Jos et ole varma, missä kukin paikka on, kokeile tallentaa valikko eri paikkoihin ja käy sitten sivustollasi katsomassa, miltä se näyttää. Et luultavasti halua käyttää kaikkia sijainteja, mutta saatat haluta käyttää useampaa kuin yhtä.

Tässä on valmis valikkomme sivustolla:

Pudotusvalikoiden luominen WordPressissä

Pudotusvalikot, joita joskus kutsutaan myös sisäkkäisiksi valikoiksi, ovat navigaatiovalikkoja, joissa on vanhempi- ja lapsivalikkokohtia. Kun viet kursorin vanhemman kohteen päälle, kaikki lapsikohteet ilmestyvät sen alapuolelle alivalikkoon.

Luo alivalikko vetämällä kohde vanhemman kohteen alapuolelle ja vetämällä sitä sitten hieman oikealle. Olemme tehneet näin, kun valikkomme ’Palvelut’ -otsikon alla on 3 alavalikkoa:

Tässä on alavalikko livenä sivustolla:

Voit jopa lisätä useita kerroksia pudotusvalikosta, jotta alavalikollasi voi olla alavalikko. Tämä voi lopulta näyttää hieman sekavalta, ja monet teemat eivät tue monikerroksisia pudotusvalikoita.

Tässä esimerkissä näet, että ’Logosuunnittelu’ (joka on ’Palvelut’-valikon alaotsikko) on kaksi omaa alaotsikkoa.

Luokkien lisääminen WordPress-valikoihin

Jos käytät WordPressiä blogin pitämiseen, voit halutessasi lisätä blogisi kategoriat WordPress-valikossasi oleviin pudotusvalikoihin. Teemme näin WPBeginnerissä:

Valikkoon voit lisätä luokkia helposti klikkaamalla Luokat-välilehteä Valikot-näytön vasemmassa reunassa. Voit myös napsauttaa ’Näytä kaikki’ -välilehteä nähdäksesi kaikki kategoriasi.

Valitse yksinkertaisesti kategoriat, jotka haluat lisätä valikkoon, ja napsauta sitten ’Lisää valikkoon’ -painiketta.

Kategoriat näkyvät tavallisina valikkokohteina valikon alaosassa. Voit vetää ja pudottaa ne paikoilleen. Laitamme kaikki nämä kategoriat Blogi-valikkokohdan alle.

Haluatko sivustollesi blogisivun, joka on erillään etusivusta? Jos näin on, tutustu oppaaseemme siitä, miten luot erillisen sivun blogikirjoituksille WordPressissä.

Kustomoitujen linkkien lisääminen WordPressin navigointivalikoihin

Kategorioiden ja sivujen lisäksi WordPress tekee myös mukautettujen linkkien lisäämisestä valikkoihisi erittäin helppoa. Voit käyttää sitä linkittämiseen sosiaalisen median profiileihisi, verkkokauppaan ja/tai muille omistamillesi verkkosivustoille.

Valikkoruudun ’Mukautetut linkit’ -välilehteä on käytettävä. Lisää yksinkertaisesti linkki sekä teksti, jota haluat käyttää valikossasi.

Voit jopa olla luova ja lisätä sosiaalisen median kuvakkeita valikkoihisi.

Valikkokohdan muokkaaminen tai poistaminen WordPressin navigointivalikoissa

Kun lisäät sivuja tai kategorioita mukautettuun navigointivalikkoihisi, WordPress käyttää sivujen tai kategorioiden otsikkoa tai kategorioiden nimeä linkkitekstinä. Voit halutessasi muuttaa tätä.

Mitä tahansa valikkokohtaa voi muokata klikkaamalla sen vieressä olevaa alaspäin osoittavaa nuolta.

Valikkokohdan nimeä voi muuttaa tässä. Täällä voit myös klikata ”Poista”, jos haluat poistaa linkin kokonaan valikosta.

Jos sinulla on vaikeuksia raahaa ja pudota -käyttöliittymän kanssa, voit myös siirtää valikkokohtaa napsauttamalla sopivaa ’Siirrä’ -linkkiä.

WordPress-valikoiden lisääminen sivupalkkeihin ja alatunnisteisiin

Sinun ei tarvitse pitäytyä vain teemasi näyttöpaikoissa. Voit lisätä navigointivalikoita mihin tahansa widgettejä käyttävään alueeseen, kuten sivupalkkiin tai alatunnisteeseen.

Mene yksinkertaisesti kohtaan Ulkoasu ” Widgetit ja lisää ’Navigointivalikko’-widget sivupalkkiin. Lisää seuraavaksi widgetille otsikko ja valitse oikea valikko ’Valitse valikko’ -pudotusvalikosta.

Tässä on esimerkki räätälöidystä WordPressin alatunnisteen valikosta, joka on rakennettu Syed Balkhin verkkosivustolle.

Going Further with Navigation Menus

Jos haluat luoda todella eeppisen valikon, jossa on paljon linkkejä, meillä on opetusohjelma siitä, miten luot megavalikon WordPressissä. Näin voit luoda pudotusvalikon, jossa on paljon kohteita, myös kuvia.

Megavalikot ovat hyvä vaihtoehto, jos sinulla on suuri sivusto, kuten verkkokauppa tai uutissivusto. Tämäntyyppistä valikkoa käyttävät esimerkiksi Reutersin, Buzzfeedin ja Starbucksin kaltaiset sivustot.

Kysymyksiä WordPress-valikoista

Tässä muutamia yleisimpiä kysymyksiä, joita kuulemme WordPress-navigointivalikoista aloittelijoilta.

1. Miten lisään etusivun linkin WordPress-valikkoon?

Lisätäksesi etusivun navigointivalikkoon sinun täytyy napsauttaa Sivut-kohdassa olevaa ’Näytä kaikki’- välilehteä. Sieltä sinun pitäisi nähdä kotisivusi.

Rastita ruutu kohdan ’Etusivu’ vieressä ja napsauta ’Lisää valikkoon’. Älä unohda tallentaa muutoksia.

2. Miten lisään useita navigointivalikoita WordPressissä?

WordPressissä voit luoda niin monta valikkoa kuin haluat. Sijoittaaksesi valikon verkkosivustollesi, sinun on lisättävä se johonkin teemasi valikkopaikoista tai widget-alueelle, kuten näytimme edellä.

Lisätäksesi useita navigointivalikoita WordPress-sivustollesi, luo ensin valikot edellä olevan opetusohjelmamme mukaisesti.

Sijoittaaksesi ne sivustollesi, napsauta välilehteä ’Sijaintien hallinta’.

Täältä voit valita, minkä valikon haluat näyttää teemassasi käytettävissä olevissa valikkopaikoissa.

Jos haluat lisätä sivustollesi uuden valikkopaikan, tutustu ohjeeseemme mukautettujen navigointivalikoiden lisäämisestä WordPress-teemoihin.

Toivomme, että tämä artikkeli auttoi sinua oppimaan, miten navigointivalikoita lisätään WordPressissä. Haluat ehkä myös tutustua oppaaseihimme navigointivalikoiden tyylittelystä WordPressissä ja tahmean kelluvan navigointivalikon luomisesta WordPressissä.

Jos pidit tästä artikkelista, tilaa YouTube-kanavamme WordPress-video-oppaita varten. Löydät meidät myös Twitteristä ja Facebookista.

Vastaa

Sähköpostiosoitettasi ei julkaista.