Opi luomaan WordPress-pudotusvalikko alle 15 minuutissa
Hyvä navigointijärjestelmä on yksi tärkeimmistä elementeistä verkkosivuston menestyksen takana. Ja pudotusvalikko on helppo tapa saavuttaa se. WordPress-sivustollasi voi olla paljon arvokasta tietoa, mutta jos navigointi ei ole kunnollinen, siitä ei ole mitään hyötyä. Ihmisillä on taipumus siirtyä pois. WordPressin pudotusvalikko ratkaisee tämän ongelman. Se pidättelee kävijöitä ja vähentää hyppyprosenttia.
Syy, miksi monet ihmiset pysyvät kaukana pudotusvalikoista, on se, että he eivät osaa luoda. Mutta, on hyvin yksinkertainen tehtävä. Kuka tahansa voi tehdä sen ilman koodia. Tähän ei tarvita teknistä osaamista.
Tässä artikkelissa annamme sinulle askel askeleelta oppaan pudotusvalikko WordPressissä. Vaiheiden mukana on kuvakaappauksia. Käy vaiheet läpi kerran. Pystyt pudotusvalikon omaan.
Pudotusvalikon käytön edut WordPressissä
Pudotusvalikon käyttämisestä sivustollasi on paljon etuja. Ensinnäkin se tuo kotisivuillesi tyylikkään ilmeen. Koska se näkyy yleensä sivun yläosassa vaakasuorana rivinä. Voit luoda sivuston, jossa on minimaalinen määrä sivuja. Voit tutkia kävijöiden käyttäytymistä sen avulla, miten he klikkaavat navigointivaihtoehtoja. Pudotusvalikko vähentää myös virheenkorjausaikaa.
Tässä on joitakin keskeisiä pudotusvalikon käytön etuja:
Pudotusvalikon käytön edut #WordPress #verkkosivustolla. Click to Tweet
Joustavuus
Pudotusvalikon käytön suuri etu on, että voit sisällyttää siihen minkä tahansa määrän kohteita. Yksi kuvake kantaa kaikki muut piilotetut kuvakkeet alleen. Se ei tee sivustostasi tekstipainotteista. Sinun ei tarvitse enää huolehtia näytön ulkoasusta. Voit lisätä suuren määrän kohteita ja saada silti minimaalisen muotoilun.
Tilaa säästävä
Koska yhden kuvakkeen alle voit lisätä monia kohteita, se säästää tilaa. Pudotusvalikko on hyvä vaihtoehto, jos sinulla on hyvin vähän tilaa ja paljon hyödyllisiä kohteita. Voit varata paljon tietoa hyvin pieneen tilaan. Se tekee sivustostasi käyttäjäystävällisen sekä tietorikkaan.
helppo navigointi
Mitä enemmän aikaa kävijäsi viettävät sivustollasi, sitä parempi se on sinulle. Huono navigointi ärsyttää monesti kävijöitä. Heillä on taipumus siirtyä jollekin toiselle sivustolle. Pudotusvalikolla voit korjata tämän ongelman. Siinä on helppo navigointijärjestelmä. Se pidättelee katsojia.
Käyttäjäystävällisyys
Pudotusvalikon avulla voit järjestää kohteet niiden kategorian tai hierarkian mukaan. Sen avulla voit luoda järjestyksen. Voit asettaa järjestyksen pitäen mielessäsi kävijöiden selauskäyttäytymisen. Heidän pitäisi tuntea tarvetta klikata vanhempaa valikkoa. Sen jälkeen heidän pitäisi löytää sieltä haluamansa asiat. Se saa heidät palaamaan luoksesi uudelleen.
Miten luot pudotusvalikon WordPressiin
Vaihe 1: Valitse WordPress-teema, jossa on pudotusvalikon tuki
WordPressissä on sisäänrakennettu valikonhallintajärjestelmä. Mutta näyttö riippuu täysin käyttämästäsi teemasta. Lähes kaikki WordPress-teemat tukevat pudotusvalikoita. Mutta joissakin on erityinen valikonhallintajärjestelmä. Nämä teemat tarjoavat suuren määrän ominaisuuksia valikon luomiseen ja muokkaamiseen.
Tässä on joitakin WordPress-teemoja, jotka tukevat pudotusvalikkoa:
#Top 3 #WordPress #teemaa, jotka tukevat pudotusvalikkoa. Click To Tweet
Responsive Pro
Responsive Pro on responsiivinen ja monikäyttöinen WordPress-teema. Siinä on eksklusiivinen valikonhallintajärjestelmä. Voit helposti luoda pudotusvalikon käyttämällä drag & drop -ominaisuuksia. Se on mobiilioptimoitu ja WooCommerce integroitu. Teemassa on kehittynyt typografia ja rajoittamaton määrä värimalleja. Teemalla on huikean nopea latausnopeus. Sitä on erittäin helppo muokata. Se on saatavilla hintaan 47 dollaria.
Divi
Divi on tyylikäs WordPress-teema. Siinä on paljon hyödyllisiä ominaisuuksia. Siinä on edistynyt valikon luontiominaisuus vedä ja pudota -vaihtoehdoilla. Divi on tehokas sivunrakentaja. Siinä on visuaalinen sivunrakennus- ja muokkausmahdollisuus. Se on saatavilla hintaan 89 dollaria.
Ocean WP
Ocean WP on moderni WordPress-teema. Siinä on eksklusiivinen valikonhallintajärjestelmä. Voi luoda pudotusvalikon hetkessä. Teema on SEO-optimoitu ja valmis verkkokauppaa varten. Se on responsiivinen ja käännösvalmis. Se on ilmainen teema.
Astra
Astra on monikäyttöinen WordPress-teema. Se on tehokas megavalikon rakentaja. Se on mobiilioptimoitu ja WooCommerce-valmis. Siinä on mukautettu ulkoasu, tahmea otsikko ja oma sivupalkki. Teemassa on kehittyneet typografia- ja värivaihtoehdot. Se on saatavilla hintaan 47 dollaria.
Vaihe 2: Navigointivalikon luominen WordPressissä
Ensimmäinen vaihe on navigointivalikon luominen. Sitä varten sinun täytyy seurata alla olevia spets –
- Mene WordPressin kojelautaan
- Mene kohtaan Ulkoasu >> Valikko-sivu
- Klikkaa ”Luo uusi valikko” -linkkiä
Jatkossa sinun täytyy antaa valikollesi nimi. Se ei näy muille kuin sinulle. Tämä nimi auttaa sinua tunnistamaan valikon WordPressin hallinta-alueella. Voit antaa nimen noudattamalla seuraavia ohjeita –
- Ruutu ilmestyy näyttöön
- Syötä nimi ruutuun
- Klikkaa ”Luo valikko” -painiketta
- Valikko on luotu, mutta se on tyhjä
Valikko on tyhjä, joten seuraavaksi on tarkoitus lisätä valikkoon kohteita. Se on hyvin helppoa. Voit käyttää vedä & pudota -toimintoa. Tai noudata alla olevia ohjeita –
- Lisää navigointivalikkoon ylälinkit
- Kohteet ilmestyvät valikkoriville
- Valitse kohteet, jotka haluat lisätä
- Klikkaa ”Lisää valikkoon”-painiketta
- Kohteet ilmestyvät valikkoon
Vaihe 3: Alakohtien lisääminen valikkoon
Alakohteet ovat kohteita, jotka näkyvät pudotusvalikon sisällä. Voit lisätä niitä minkä tahansa valikon kohteen alle. voit järjestää järjestyksen valintasi mukaan. Voit lisätä minkä tahansa kohteen minkä tahansa vanhemman linkin alle. Kaikki riippuu tarpeistasi. Tässä lisäämme alaotsikoita blogilinkin alle.
Lisätäksesi alaotsikoita valikkoon, noudata seuraavia ohjeita –
- Valitse kohteet vasemmasta sarakkeesta
- Klikkaa ”Lisää valikkoon” -painiketta
- Kohteet ilmestyvät nyt valikkoon
Mutta, nämä kohteet näkyvät nyt tavallisina kohteina. Sinun on muutettava ne alakohteiksi. Tämä ei ole lainkaan vaikeaa. Meidän tarvitsee vain vetää kohteet ja sijoittaa ne vanhemman valikon alle. Toista vaiheet kaikkien niiden linkkien kohdalla, joiden haluat näkyvän vanhemman valikon alla. Napsauta nyt ”Tallenna valikko” -painiketta.
Vaihe 4: Julkaise pudotusvalikko
Valikon luomisen jälkeen sinun on valittava näyttöpaikka. Seuraa alla olevia ohjeita –
- Katso oikeaa saraketta
- Mene valikon asetuksiin
- Valitse vaihtoehto ”Näyttöpaikka” vierestä
- Klikkaa ”Tallenna valikko” -painiketta
Valikkosi on nyt valmis. Käy sivustollasi kerran tarkistamassa pudotusvalikko toiminnassa. Jos se toimii hyvin, olet valmis.
WordPress-liitännäiset, joilla voit laajentaa pudotusvalikon toiminnallisuutta
Haluatko lisätä #WordPressin #pudotusvalikkoon lisää toiminnallisuutta? Tässä on lista #Top 5 WordPress-valikon #plugineista. Click To Tweet
Max Mega Menu
Max Mega Menu on monipuolinen WordPress-valikkolisäosa. Siinä on WooCommerce- ja Easy Digital Downloads -integraatio. Mukana on sisäänrakennettu teemaeditori, jossa on yli 100 muokkausvaihtoehtoa. Se on rakennettu CSS3:n varaan. se tukee useita valikoita, joista jokaisella on omat määritykset. Käyttäjät voivat luoda vaaka- tai pystyvalikon. Liitännäisestä on sekä ilmaisia että premium-vaihtoehtoja.
Ominaisuudet
- Tabbed Sub Menus
- Sticky Menu
- Accordion Menu
- Custom Icons
- Custom Item Styling
Hinta – $29
UberMenu
UberMenu on responsiivinen WordPress-valikkolisäosa. Siinä on täydellinen grid-järjestelmä, jossa on yksilöllinen asettelun hallinta. Lisäosa tukee välilehtimuotoisia alivalikoita. Sitä on helppo muokata. Siinä on parannettu käyttöliittymä. Teemoille on automaattinen integrointimahdollisuus.
Ominaisuudet
- Joustavat asettelut
- Edistynyt sisältö
- Mobiili-Optimized
- Dynamic Item Generation
- Enhanced UI
Hinta – $25
Hero Menu
Hero Menu on ammattimainen WordPress-valikkolisäosa. Siinä on loputtomat mahdollisuudet. Lisäosa on responsiivinen ja joustava. Siinä on kehittynyt tahmea valikko. Se on asennusvalmis ja helppokäyttöinen. Kuka tahansa voi käyttää sitä. Tähän ei tarvita koodausosaamista.
Ominaisuudet
- Drag & Drop Menu Builder
- 60 väriesimerkkiä
- Vapaat kuvakkeet
- WooCommerce Enabled
- Mobile-Optimoitu
Hinta – $14
WP Mobile Menu
WP Mobile Menu on moderni WordPress-valikkolisäosa. Siinä on 2000+ kuvaketta, 2 responsiivista valikkopaneelia ja rajoittamattomat väriasetukset. Tämän laajennuksen avulla valikot näkyvät vain kirjautuneille käyttäjille. Käytössä on kaksi eri näyttövaihtoehtoa. Slideout over the content ja slideout push content. Lisäosa on saatavilla sekä ilmaisena että premium-versiona.
Ominaisuudet
- Valikkokorin kuvakkeet
- 5 syvyysvalikkotasoa
- otsikkobanneri
- Jalkavalikko
- Alternatiivinen manus per sivu
Hinta – $29
WP Responsive Menu
WP Responsive Menu on ilmainen WordPress-lisäosa valikkojen rakentamiseen. Siinä on paljon helppokäyttöisiä ominaisuuksia. Siinä on vaihtoehtoja avata tai sulkea valikko yksinkertaisilla pyyhkäisyeleillä. Valikon kuvakkeiden animaatioita voi muuttaa sivustojen tarpeiden mukaan. Lisäosa on käyttövalmis ja sitä on helppo muokata.
Ominaisuudet
- Hakupalkki valikossa
- WooCommerce integroitu
- Mobiilioptimoitu
- Logojen lisääminen & Kuvakkeet
- Kaksi näyttövaihtoehtoa
Hinta:
Olemme yrittäneet antaa sinulle käsityksen siitä, miten luoda pudotusvalikko WordPress-sivustollesi. Toivottavasti löysit vaiheet hyödyllisiksi. Edellä mainittuja vaiheita noudattamalla voit luoda oman pudotusvalikon muutamassa minuutissa. Sinun on kuitenkin oltava hyvin selvillä tarkoituksestasi. Tunne kävijäsi ajattelutapa. Yritä ymmärtää, mitä he etsivät sivustoltasi. Ja järjestä sen perusteella kohteet pudotusvalikossasi.
Jos olet pitänyt artikkelista, älä unohda jakaa sitä Twitterissä. Voit jakaa sen Twitterissä klikkaamalla alla olevaa ”Click to tweet” -painiketta.
#Learn How to Create a #WordPress Dropdown #menu in less than 15 Minutes. Click To Tweet