Kuinka sijoittaa valikot jokaiselle WordPress-sivulle

Haluatko tietää kuinka saada valikot jokaisella WordPress-sivulla? On monia tapauksia, joissa tarvitset erilaisia ​​valikoita eri sivuille.

• esimerkiksi, sinulla voi olla yksisivuinen verkkosivusto, mutta haluat erillisen myymälän tai yhteystietosivun. Tässä tapauksessa ylävalikon navigointilinkkejä ei voi käyttää näillä erillisillä sivuilla (esim. yhteystiedot tai kauppa), koska ne on asetettu ohjaamaan käyttäjiä saman sivun eri osioissa (esim. kotisivullasi).

Toinen tapaus voi olla, kun käyttäjät ovat kauppasivullasi. Koska tällä sivulla on eri toiminto kuin muulla verkkosivustolla, saatat haluta käyttää ylävalikkoa näyttääksesi tuoteluokat tai muita olennaisia ​​tietoja niille, jotka haluavat tehdä ostoksen.

Täältä voit lukea aiheesta: Tapoja lisätä tilauslomake WordPressissä

Halutun tuloksen saavuttamiseksi sinun tulee luoda valikot jokaiselle WordPress-sivulle kullekin näistä skenaarioista ja näyttää ne vain niillä sivuilla. Onneksi, koska WordPressillä on niin suuri yhteisö takanaan, voit saavuttaa tämän ilmaisen laajennuksen avulla.

Menetelmät, joilla jokaisella WordPress-sivulla on valikot

Katsotaanpa nyt, kuinka voit sijoittaa valikot jokaiselle WordPress-sivulle:

Tapa 1: Valikot jokaisella WordPress-sivulla

Nämä vaiheet sinun on noudatettava, jotta jokaisella WordPress-sivulla on valikot:

Osa 1: Asenna ilmainen laajennus, jotta jokaisella WordPress-sivulla on valikot

Jos haluat määrittää eri valikon tietylle sivulle, sinun on käytettävä Ehdolliset valikot -laajennusta. Asenna se seuraavasti:

1. vaiheeseen 1: Siirry WordPress-hallintapaneelista kohtaan Plugins → Lisää uusi
2. Vaihe 2: Etsi hakupalkista "Ehdolliset valikot» ja asenna ensimmäinen tulos (kuvakaappaus)

3. vaiheeseen 3: Kun se on asennettu, napsauta Aktivoida.

Osa 2: Luo eri valikot eri sivuille

Jokaisen sivun valikon luominen edellyttää:

1. vaiheeseen 1: Mene WordPress Dashboard → Ulkoasu → Mukauta → napsauta Valikot
2. Vaihe 2: Lisää uusi valikko, kutsutaan sitä «Yhteystietosivun valikko» (tai mikä tahansa muu nimi)
3. Vaihe 3: Lisää valikkokohteita kullekin sivulle tai mukautettuun linkkiin ja napsauta Julkaista
4. Vaihe 4: Toista prosessi kaikille muille tarvitsemillesi valikoille.

Osa 3: Hallitse kunkin valikon sijaintia

Mene Ulkoasu → Valikot → Hallinta sijainnit ja ala mukauttaa valikkojasi jokaisella WordPress-sivulla seuraavasti:

1. vaiheeseen 1: Klikkaus + Ehdollinen valikko lisätäksesi uuden valikon samaan paikkaan (esim. päävalikko)
2. vaiheeseen 2: Valitse valikko, jonka haluat lisätä
3. vaiheeseen 3: Klikkaus + Ehdot valitaksesi paikat, joissa haluat kyseisen valikon näkyvän
4. vaiheeseen 4: Klikkaus Tallenna muutokset ja käy sivulla varmistaaksesi, että se toimii oikein;

Toista sama prosessi mille tahansa määrälle erillisiä sivuja.

Tapa 2: Erilaisten valikoiden luominen jokaiselle WordPress-sivulle

Valikko on jokaisen verkkosivuston perussisältö; auttaa vierailijoita löytämään tarvitsemansa sivut helposti. Verkkosivustoilla, joilla on monimutkainen rakenne, saatat haluta, että jokaisella sivuryhmällä on erilliset valikot. Jotta voit mukauttaa niitä tällä tavalla, tarvitset laajennuksen, jolla voit luoda erilaisia ​​valikkoja ja määrittää ne sivuillesi/sivuryhmällesi.

Tässä menetelmässä näytämme sinulle perusteellisesti, kuinka se tehdään nopeimmalla tavalla. Mutta ensin katsotaan, kuinka erillisten valikoiden luominen kullekin sivulle voi auttaa sinua tietyissä tilanteissa.

Osa 1: Käytä valikon luontisovelluksia jokaisella WordPress-sivulla

Erillisten valikoiden luominen jokaiselle sivulle voi auttaa sinua, jos:

1. Haluat näyttää tuotesivut kotisivuvalikossa. Jokaisella tuotesivulla on erityinen valikko, jossa on alavalikot linkitettyinä tuotetietosivuille. Esimerkiksi tuotesivun valikko sisältää tietoja, kuten vastaavan tuotteen hinta, alkuperämaa.
2. Sinulla on ketjukauppasivusto ja jokainen kauppa on edustettuna erillisellä sivulla. Kotisivuvalikko ohjaa sinut kaupan sivuille. Jokaisella kauppasivulla on oma valikko tärkeimmistä sivuista, kuten tuotteet, osoite, tilaus jne.

Jotta se olisi helpompi ymmärtää, otamme esimerkin hedelmäyrityksen verkkosivustosta. Sivuston etusivulla on oletusvalikko, joka johtaa kahdelle sivulle, Apple ja Banana.

Luomme näille kahdelle sivulle vielä kaksi erillistä valikkoa käyttämällä Ehdolliset valikot -laajennusta. Tässä ovat vaiheet sen tekemiseen:

Osa 2: Asenna ja aktivoi Ehdolliset valikot -laajennus

Ehdolliset valikot -laajennukset ovat ilmaisia ​​ja saatavilla osoitteessa wordpress.org . Sinun tarvitsee vain asentaa ja aktivoida se kuten mikä tahansa ilmainen lisäosa.

1. vaiheeseen 1: Siirry seuraavaksi kohtaan ulkomuoto> valikot, vaihda Hallinnoi sijainteja ja näet + Ehdollinen valikko lisätty liitännällä:

Osa 3: Luo valikot jokaiselle WordPress-sivulle

1. vaiheeseen 1: Luomme nyt erilliset valikot Apple- ja Banana-sivuille. Tehdään tämä ulkomuoto> valikot > Muokkaa valikkoja > luo uusi valikko .

2. vaiheeseen 2: Seuraavaksi annamme valikolle nimen, valitsemme valikon näyttöpaikan (haluan näyttää sen ylätunniste) ja napsauta sitten Luo valikko.

3. vaiheeseen 3: osiossa Lisää valikon kohteita, sinun on lisättävä sivuja alivalikoksi. Lisää kaksi sivua, jotka ovat Applen alkuperäy Applen hinta al omenavalikko. napsauta Tallenna-valikossa.

4. vaiheeseen 4: Tee nyt samat vaiheet luodaksesi erillisen valikon sivulle Banaani:

Osa 4: Valikoiden määrittäminen jokaiselle WordPress-sivulle (vastaavasti)

1. vaiheeseen 1: Vielä mukana ulkomuoto> valikot, vaihda Hallinnoi sijainteja ja valitse + Ehdollinen valikko:

2. vaiheeseen 2: Valitse luettelosta valikko (valitsen Apple-valikko). Napsauta + Kunto asettaaksesi sen näyttöpaikan:

HUOM: Uusi ponnahdusikkuna tulee näkyviin ja näet erilaisia ​​välilehtiä, joista valita. Voit valita valikon näyttämisen kullekin kategorialle, viestityypille, taksonomialle, käyttäjän roolille tai kotisivulle, 404 sivulle jne.

3. vaiheeseen 3: Valitse välilehti Sivut ja Apple-sivu asettaaksesi tämän sivun valikon.

4. vaiheeseen 4: Tee sama Banaani-valikon kanssa.

5. vaiheeseen 5: Lopuksi, älä unohda napsauttaa Tallenna muutoksettai kaikki tekemäsi katoaa.

Nyt sinun on mentävä WordPress-käyttöliittymään tarkistaaksesi tuloksen.

Kuten näet, kotisivulla, Apple-sivulla ja banaanisivulla on nyt kolme erilaista valikkoa.

Valikkotyypit jokaisella WordPress-sivulla

Mukava navigointi sivustolla on elintärkeää. Siksi on erittäin tärkeää luoda kullekin sivulle mukautettu valikko, joka on hyvin järjestetty ja jota käyttäjän on helppo seurata. Sivusto ei kuitenkaan aina tarvitse yhtenäistä valikkoa kaikilla sivuilla, koska jokaisella sivulla on oma tarkoituksensa. Haluatko luoda erilaisia ​​valikoita jokaiselle WordPress-sivulle? Katsotaan alla, mitkä ovat parhaat vaihtoehdot, joita voit käyttää:

Parhaat laajennukset eri valikoille jokaisella wordpress-sivulla

Kuvittele, että sinulla on yksisivuinen verkkosivusto. Siellä tarvitset erillisen sivun, jossa on yhteydenottolomake ja chatbot tai asiaankuuluva kauppasivu. Ja niitä on mahdotonta toteuttaa teknisesti, koska ne vain ohjaavat käyttäjiä aloitussivun eri osien läpi.

Oletetaan, että kävijät tulivat kauppasivullesi. Sinulla täytyy olla a tietty valikko otsikossa näyttääksesi tuoteluokat, toimitustiedot, painike Lisää ostoskoriinjne. Saatat kuitenkin kohdata saman ongelman kuin edellisessä tapauksessa. Tai voit nähdä, että kotisivuvalikko on kopioitu kauppasivulla.

Se ei toimi kunnolla, eihän? Jokaisella sivulla on oltava asiaankuuluva valikko. Niiden toteuttaminen eri sivuilla voi kuitenkin olla vaikeaa. Älä pelkää, täällä tarjoamme sinulle monia ratkaisuja tämän tarpeen tyydyttämiseksi. Mutta ennen kuin kerromme sinulle valikoiden luomisen jokaiselle WordPress-sivulle, keskitytään tärkeimpiin työkaluihin, jotka auttavat sinua määrittämään mukautetun valikon jokaiselle sivulle.

1. JetBlocks

Aloitetaan JetBlocks. Tämän laajennuksen avulla voit luoda erityisiä ylä- ja alatunnisteita, jotka sopivat täydellisesti verkkosivustosi tarpeisiin. JetBlocksilla on erittäin helppoa lisätä tarvittavat elementit otsikkoon ja luoda mukautettu valikko:

1. Kirjautumislomakkeet
2. Ilmoittautumislomakkeet
3. Hakulomakkeet
4. ja WooCommerce-kärry,
5. Navigointivalikko
6. Laajennettavat paneelit.

Lisäksi voit lisätä ja muokata verkkosivuston logoa, lisätä valtuutuslinkkejä ja muita elementtejä luodaksesi upean mukautetun valikon sivua kohden.

Voit ladata sen osoitteesta täällä

2. JetMenu

JetMenu on käytettävissänne mega-menun suunnittelussa. Tämän laajennuksen avulla voit luoda ja mukauttaa jokaista tuotetta, lisätä erilaisia ​​kohteita ja merkkejä sekä mukauttaa niitä.

Lisäksi voit muuttaa valikkokohtien taustaa, suunnitella valikon typografiaa, käyttää Hover-tilaa jne. Veikkaamme, että JetMenu-laajennuksen mahdollisuudet ovat rajattomat. Se on yksi parhaista työkaluista luoda valikoita jokaiselle WordPress-sivulle.

Voit ladata sen osoitteesta täällä

3. JetThemeCore

kanssa JetThemeCore, voit luoda mukautettuja teemamalleja ja malleja sivuille, kuten 404. Ja tietysti luoda rajattomasti otsikoita ja määrittää ne eri sivuille. Prosessi on intuitiivinen ja hyvin harkittu, joten et tarvitse ylimääräistä tietoa koodin kirjoittamiseen tai mihinkään muuhun. Jos sinulla on vain JetThemeCore-laajennus, riittää, että luot mukautetun valikon sivua kohden ja lisäät siihen mitä tahansa sisältöä. Voit ainakin käyttää valmiita otsikkoa ja tehdä siellä joitain muutoksia.

Voit ladata sen osoitteesta täällä

Kuinka määrittää ja luoda valikoita jokaiselle WordPress-sivulle

Ensinnäkin varmista, että olet asentanut kaikki tarvittavat laajennukset. Jos osaat jo luoda otsikoita, siirry kohtaan, jossa suunnitellaan valikot ja määritetään ne eri sivuilla. Nyt mennään töihin.

Osa 1: Yksinkertainen otsikko Mega Menu -widgeteillä

1. vaiheeseen 1: Otsikon lisääminen verkkosivustollesi. Siellä näet osia teemasta,johon lisäät otsikon.
2. vaiheeseen 2: Napsauta painiketta Lisää uusi, Valitse mallin tyyppi: ylätunniste ja valitse sille nimi.
3. vaiheeseen 3: Sinut ohjataan Elementor-sivulle, josta taika alkaa.
4. vaiheeseen 4: Lisää osio ja valitse sopiva asettelu, esimerkiksi Sisällön leveys: laatikossa, Aseta tarvitsemasi parametrit.

Widgetit kunkin WordPress-sivun valikoissa

Mega Menu Widgetit ansaitsevat huomiosi, jos haluat luoda näyttävän mukautetun sivukohtaisen valikon.

1. vaiheeseen 1: Etsi kohdepaneelista Mega Menu -widgetit.

HUOM: Saatavilla on kaksi vaihtoehtoa: Pysty Mega Menu ja Mega Menu yksinkertainen

2. vaiheeseen 2: Nyt keskitymme viimeiseen. Kun olet vetänyt widgetin, näet asetusvälilehdet vasemmassa sivupalkissa.
3. vaiheeseen 3: Etsii pitoisuus, avautuu general ja valitse sieltä valikko.
4. vaiheeseen 4: Valitse valikkonäytöstä tai palaa WordPressin kojelautaan — ulkomuoto- valikot.
5. vaiheeseen 5: Valitse nyt valikko, jota haluat käsitellä, tai luo uusi.
6. vaiheeseen 6: Kun olet luonut valikon, näet sen saatavilla olevien valikoiden luettelossa Elementorissa.

HUOMAUTUS: Älä unohda laittaa valikkoa verkkosivustosi työpöytä- ja mobiiliversioille varmistaaksesi, että se on responsiivinen.

Tab tyyli, voit mukauttaa tulevaa valikkoasi: asettaa tasauksia, muuttaa taustaa, reunustyyppiä tai laatikon varjoa. Löydä sinulle parhaiten sopiva.

Lisäksi voit muokata fonttien tyyliä ja muuttaa aktiivisia ja vieriviä tiloja. Jos sinulla on joitain alivalikon kohtia, muuta niitä Asetukset-välilehdellä Työpöydän valikon kohteet.

Valikkoasetukset jokaisella WordPress-sivulla

1. vaiheeseen 1: Jos haluat asettaa tämän otsikon tiettyyn paikkaan, siirry osoitteeseen Otsikkoasetukset Elementorissa.
2. vaiheeseen 2: Tämä valikko auttaa sinua muuttamaan otsikon tilaa ja määrittämään ehdot, joissa se näytetään avattavan valikon kautta: koko verkkosivusto, yksikkö tai arkistosivu. Valitse esimerkiksi koko sivusto.

Osa 2: Mega Menu ja JetMenu Plugin

Kuten jo tiedämme, JetMenu on erityinen, koska sen avulla voit lisätä mitä tahansa sisältöä ehdollisiin valikoihin. Hyödynnetään yhdessä sen rajattomat mahdollisuudet.

1. vaiheeseen 1: Vuonna WordPress-hallintapaneeli — Ulkoasu — Valikot.
2. Vaihe 2: Etsi valikko, jota haluat muokata, tai luo uusi.

HUOM: Jos haluat luoda valikon, jossa on yksityiskohtaisia ​​alivalikoita, sinun on lisättävä useita valikoita saman välilehden kautta WordPress valikot. Joten jokaiselle päävalikossa olevalle kategorialle sinun tulee luoda useita eri alivalikoita.

Valikoiden määrittäminen jokaiselle WordPress-sivulle JetMenun avulla

1. vaiheeseen 1: Etsi jokaisesta valikkokohdasta JetMenu-kohta, jossa voit leikkiä asetuksilla.
2. vaiheeseen 2: Ota käyttöön Mega-alivalikko ja paina Muokkaa Mega-valikkokohdan sisältöä rikastuttaaksesi ruokalistaasi muilla tuotteilla ja mukauttaaksesi kohteita.
3. vaiheeseen 3: Valitse Elementor-sivulta osio, jossa on tarvittava määrä sarakkeita.
4. vaiheeseen 4: Vedä Pystysuuntainen Mega Menu -widget ensimmäiseen sarakkeeseen vasemman sivupalkin sisältövälilehdellä
5. vaiheeseen 5: Valitse valikko, jonka haluat lisätä.
6. vaiheeseen 6: Lisää lopuksi luomasi alivalikot WordPressin hallintapaneeliin. Voit helposti kopioida widgetin ja liittää sen toiseen osioon.

Tämän jälkeen voit käyttää välilehteä tyyli ja mukauta elementtejä, aseta leveys, korkeus, typografia, tarvittava tila jne.

JetMenun pääasetuksissa voit nähdä Mega Menu -asetuksen, lisätä minkä tahansa kuvakkeen valikkoon (Valitse valmiista tai lataa svg-tiedosto), käyttää mitä tahansa tekstimerkkiä valikon kohtaan, muokata valikon kokoa jne. .

Ammattimainen neuvonta

Lisää Elementorilla otsikko valikon yläpuolelle (esim. kopio edellisestä sivusta), lisää tietyt elementit JetBlocks-widgetillä ja päivitä se.

Meillä on kuitenkin ongelma tämän valikon asettamisessa toiselle sivulle. Voit käsitellä tätä seuraavasti:

1. vaiheeseen 1: mene Teemanrakentaja uudelleen, luo uusi otsikkomalli, kopioi otsikko tai luo uusi
2. vaiheeseen 2: Valitse välilehdellä juuri luomasi Mega-valikko Yleinen kokoonpano tuodaksesi sen näkyviin ja lisätäksesi leipäpuru-widgetin.
3. vaiheeseen 3: Valitse Otsikkoasetukset: Ehdot -välilehdessä Yksikkö ja kansi sijoittaaksesi luomasi otsikon kotisivullesi ja jättääksesi aiemmin luodun otsikon verkkosivustosi muille sivuille.

Osa 3: Luo valikot jokaiselle WordPress-sivulle (pudotusvalikko)

Oletetaan, että sinulla on erillinen sivu yhteydenottolomakkeella ja haluat antaa sille eri otsikon. Noudata näitä ohjeita:

1. vaiheeseen 1– Luo uusi malli teemanrakennusohjelmassa, kopioi pääotsikon yläosa ja lisää tässä vaiheessa pudotusvalikko.

HUOM: Olemus on sama, voit lisätä olemassa olevia valikkoja tai luoda uuden mukautetun valikon sivua kohden tarpeidesi mukaan: yksinkertainen valikko tai megavalikko muuttuvilla elementeillä. Muuta säilön sijaintia, pelaa asetuksilla, muotoile sitä jne.

2. vaiheeseen 2: Aseta lopuksi tämä tietty otsikko tietylle sivulle käyttämällä vaihtoehtoa yksikkö välilehdellä Ehdot ja ilmoittamalla Yhteystiedot-sivusi nimen.

Saatat myös olla kiinnostunut lukemaan aiheesta: Kuinka luoda pudotusvalikko WordPressissä

Johtopäätös

Siinä kaikki tapoja luoda valikoita jokaiselle WordPress-sivulle ja määrittää ne. Annoimme niistä vain kolme, mutta olemme kuitenkin melko varmoja, että on olemassa muita tapoja luoda mukautettu valikko sivua kohden.

Kuten näet, ehdollisten valikkojen käyttö erilaisten valikkojen luomiseen eri sivuille on hyvin yksinkertaista ja hyödyllistä. Lisäksi laajennus antaa sinulle myös joustavia vaihtoehtoja luoda erilliset valikot viestityypeille, kategorialle, taksonomialle, käyttäjän roolille jne. tai jopa 404 sivulle.