Kansioluettelosivun suunnittelu

Kansio voit luoda kokoelman sivuistasi luettelosivuksi tai avattavana valikona.

Ajattele kansiota säilönä, joka sisältää useita valikkokohteita ja näyttää ne visuaalisena asetteluna (ruudukot, diaesitykset, pysty- tai vaakavieritykset ja monet muut asettelut).

Katso esittelykansio.

Kun olet loi kansion, voit hallita sen suunnittelua alla kuvatulla tavalla.


Hallitse kansion tyyliä:

  • Anna kansio otsikko (1) hakupalkissa.
  • Klikkaa kansio (2) alle Sivuston valikon kohteet. 

  • Vaihtoehtoisesti Verkkosivu -osiosta voit napsauttaa kolme pistettä (1) -kuvake, jonka näet, kun siirrät osoittimen kansion päälle.
  • Valitse Asetukset (2) -vaihtoehto.
  • Tämä vie sinut kansioasetukset sivu, josta voit napsauttaa Design (3) -välilehti avataksesi Kansion suunnittelu laatikko.


Näet täällä seuraavat suunnitteluvaihtoehdot: 


Kansion asettelu

  1. Layout – Valitse kansioon käytettävä asettelu. Voit valita yli 20 asettelusta näyttääksesi kansion alikohteet sivustollasi. Tietää enemmän.
  2. Leveys – Aseta kansion leveydeksi Full Width, Boxed tai Site Width.
    • 'Täysi leveys' näyttää kansion peittäen sen koko leveydeltä jättämättä marginaalia.
    • "boxed' näyttää kansion jättäen jonkin verran täytettä näytön oikealle ja vasemmalle puolelle.
    • "Sivuston leveys' voidaan määrittää kohdassa Design osio. Siellä voit määrittää kiinteän leveyden.
      Se näyttää kansion noudattamalla määritettyä kiinteää leveyttä.
  3. Ruudukon väli – Määritä väli alikohtien välillä ruudukkoasetteluissa. (0-250 pikseliä)
  4. Säde Corner – Mukauta kansion sisällä olevien ruudukkokohteiden kulmia säätämällä kulman sädettä, jotta ne ovat pyöristettyjä tai neliömäisiä.
  5. Näytä suodatin tunnisteiden mukaan – Tarkista tämä ota suodatus käyttöön kansion alakohdissa tunnisteiden mukaan.
  6. Tag Alignment – Aseta tunnisteiden kohdistus näytölle.


Otsikot

Näytä Otsikko (1): Voit ottaa käyttöön alakohtien otsikot ruudukkokuvien alla otsikoineen ja tunnisteineen.

  • off: Valitse tämä, jos haluat poistaa ruudukon otsikot ja tunnisteet käytöstä.
  • Hoverin päällä: Valitse tämä näyttääksesi otsikon päällä. Voit valita otsikon kohdistuksen.
  •  Kuvan alla: Valitse tämä näyttääksesi otsikon ja tunnisteet ruudukkokuvien alla. Voit valita otsikoiden ja tunnisteiden tasauksen (2) ja valita tunnisteiden näyttämisen (3).


Otsikon kirjasin

  1. Klikkaa Muuta tekstin tyyliä -painiketta vieraillaksesi Design ja hallita kirjasinkokojasi ja tyylejäsi. 
  2. - asettaa Otsikko kansion sisällä olevien kohteiden kirjasintyyli.
  3. Fontin väri: Määritä otsikon fontin väri.


Kuvan reuna

Katso, miten hallita Image Borderia.


Grid Style

  1. Hover Effect: Hover-tehostetta voidaan käyttää vain ruudukkoasettelussa. Voit näyttää seuraavat vaihtoehdot viemällä hiiri ruudukkotilassa.
    • Ei vaikutusta: Ei vaikutusta alakohtiin ruudukkotilassa.
    • Väri: Vain peittovärille alakohdissasi ruudukkotilassa.
    • Väri ja kuvake: Alakohteiden peittovärille kuvakkeella.
  2. Hover väri: Määritä väri osoitin.
    • Voit määrittää värin valitsemalla Valittu väri. Jos valitset tämän, löydät alta vaihtoehdon värin määrittämiseksi.
    • valita Kuvan korostusväri niin, että kuvan korostusväri tulee näkyviin. Jos valitset tämän, löydät alta vaihtoehdon, jolla voit määrittää kuvan korostusvärin läpinäkyvyyden.
  3. Pohjaväri: Määritä ruudukon pohjan väri.
    • Voit määrittää värin valitsemalla Valittu väri. Jos valitset tämän, löydät alta vaihtoehdon värin määrittämiseksi.
    • valita Kuvan korostusväri niin, että kuvan korostusväristä tulee perusväri. Jos valitset tämän, löydät alta vaihtoehdon, jolla voit määrittää kuvan korostusvärin läpinäkyvyyden.
  4. Ruudukkokuvake: Valitse Plus, nuoli, Ylittää, or Silmä kuvake. Tämä kuvake tulee näkyviin, kun ruudukkokuvia vietetään.
  5. Kuvakkeen väri: Määritä ruudukon kuvakkeen väri.


Esimerkiksi katso tämä kansio jossa "Square large folder layout" on valittuna "Ruudukkotunnisteet – Otsikko ja tunnisteet":

navigointipolku

Tietää navigointipolku yksityiskohtaisesti.


Mobiili näyttö

  1. Määritä tilaa alakohtien välillä ruudukkoasetteluissa mobiililaitteille. (0-250 pikseliä)
  2. Valitse kolumnien numerot näyttääksesi kansion kohteita mobiililaitteissa.


Diaesitys (vain Full-Image Slider -asettelulle)

  1. Käytös: Ota diaesitys käyttöön tästä.
  2. Diaesityksen nopeus: Aseta diaesityksen siirtymänopeus (1-10 sekuntia).
  3. Diaesityksen siirtyminen: Määritä diaesityksen siirtymätyyppi. Voit käyttää Vaakapyyhkäisy- tai Häivytysvaihtoehtoa.


Etkö löydä etsimääsi?

Ota yhteyttä Pixpa-asiantuntijaan.

Pixpa Studio on juuri uudistettu. Päivitämme parhaillaan kaikkien ohjeartikkeleiden kuvakaappauksia.