Opi luomaan WordPress-pudotusvalikko alle 15 minuutissa

marras 18, 2021
admin

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

Vastaa

Sähköpostiosoitettasi ei julkaista.