Verkkosivuston valikko

Verkkosivuston navigointivalikko auttaa käyttäjiä pääsemään helposti verkkosivuston eri osioihin ja sivuille, mikä parantaa yleistä käyttökokemusta ja parantaa sivuston käytettävyyttä.

Tässä artikkelissa


Voit hallita valikkotyyliä (sekä pöytätietokoneille että mobiililaitteille) -sovelluksesta Design (1) jakso.

Kun olet Suunnittelu-osiossa, napsauta valikko (2) -välilehti.

Vaihtoehtoisesti voit käyttää myös studion hakuvaihtoehtoa.

  • enter valikko (1) hakupalkissa.
  • Napsauta aiheeseen liittyvistä tuloksista -kuvaketta Suunnittelu - Verkkosivustovalikko vaihtoehto (2).


  1. Valikkovälit – Määritä valikkolinkkien välinen tila (määritetty vw:ssä).
  2. Lohkoväli – Määritä väli valikkolinkkien, sosiaalisen median kuvakkeiden ja haku-/kärrykuvakkeiden välillä (määritetty vw:ssä).
  3. Linkki Aktiivinen / Hover – Valitse aktiivisen valikkolinkin ja osoitinlinkin tyyli. Voit valita alleviivauksen, yliviivauksen, yliviivauksen ja ilman tyyliä.


  1. Tyyli - Määritä, haluatko näyttää kuvakkeen, etiketin, molemmat vai ei mitään mobiililaitteissa.
  2. Kuvake – Valitse valikkokuvakkeen tyyli.
  3. Kuvakkeen koko – Määritä valikkokuvakkeen koko (pikseleinä).


  1. layout: Valitse asettelu, jolla valikkoruutu näkyy mobiililaitteissa. Valitun asettelun esikatselu näytetään tässä.
  2. Valikon tekstin koko: Määritä valikon tekstin koko mobiililaitteella.


  1. Koko – Määritä otsikon kuvakkeiden (sosiaalisen median kuvakkeet, hakukuvake ja ostoskorikuvake) koko (pikseleinä).
  2. Väli – Määritä otsikossa olevien kuvakkeiden (sosiaalisen median kuvakkeet, hakukuvake ja ostoskorikuvake) väli (määritetty vw:ssä).
  3. Väri – Valitse sosiaalisen median kuvakkeiden väri. Voit valita valikon värin tai merkkivärin välillä.
    Valikon väri käyttää valikkolinkkien väriä päävalikkoon luokkaan, ja brändivärissä käytetään sosiaalisen median kuvakkeiden alkuperäistä merkkiväriä.
  4. Hallitse sosiaalisia kuvakkeita – Napsauta tätä vaihtoehtoa lisätäksesi, poistaaksesi tai järjestelläksesi uudelleen otsikossa näkyvät sosiaalisen median kuvakkeet. Näin voit mukauttaa, mitkä alustat näkyvät ja miten ne näkyvät verkkosivustollasi.

Kaikki näiden asetusten muutokset vaikuttavat verkkosivustosi sosiaalisiin kuvakkeisiin:

Katso, miten kuvakkeen koko toimii: 


Etkö löydä etsimääsi?

Ota yhteyttä Pixpa-asiantuntijaan.