Ontwerp van de pagina met de lijst met mappen

De Map kunt u een verzameling van uw pagina's maken als een lijstpagina of als een vervolgkeuzelijst.

Beschouw een map als een container die meerdere menu-items bevat en deze in een visuele lay-out weergeeft (rasters, diavoorstellingen, verticale of horizontale scrolls en nog veel meer lay-outs).

Bekijk een demomap.

Eens je hebt een map gemaakt, kunt u het ontwerp beheren zoals hieronder weergegeven.


Mapstijl beheren:

  • Voer de map titel (1) in de zoekbalk.
  • Klik op de map (2) onder Sitemenu-items. 

  • Als alternatief, van de Website sectie, kunt u op klikken drie punten (1) pictogram dat u ziet als u de cursor over de map beweegt.
  • Klik op Instellingen (2) optie.
  • Dit brengt u naar de mapinstellingen pagina waar u op kunt klikken Design (3) tabblad om het te openen Mapontwerp lade.


Je ziet hier de volgende ontwerpopties: 


Mapindeling

  1. Layout – Kies een lay-out die op de map wordt toegepast. U kunt kiezen uit meer dan 20 lay-outs om de subitems van een map op uw site weer te geven. Meer weten.
  2. Breedte – Stel de breedte van de map in als Volledige breedte, Omkaderd of Sitebreedte.
    • 'Volle breedte' zal de map over de gehele breedte weergeven zonder enige marge over te laten.
    • 'Boxed' zal de map weergeven terwijl er wat opvulling rechts en links van het scherm overblijft.
    • 'Breedte site' kan worden opgegeven in de Design sectie. U kunt daar een vaste breedte opgeven.
      Het zal de map weergeven door vast te houden aan de opgegeven vaste breedte.
  3. Rasterafstand – Specificeer de ruimte tussen subitems in rasterlay-outs. (0- 250 pixels)
  4. Radius Corner – Pas de hoeken van rasteritems in de map aan door de hoekradius aan te passen en ze rond of vierkant te maken.
  5. Toon filter op tags – Vink dit aan filter op tags inschakelen voor subitems van uw map.
  6. Labeluitlijning – Stel de uitlijning van tags op het scherm in.


Titels

Toon titel (1): U kunt titels van subitems inschakelen onder de rasterafbeeldingen met titels en tags.

  • Uit: Selecteer dit om rastertitels en -tags uit te schakelen.
  • Op zweven: Selecteer dit om de titel bij zweven weer te geven. U kunt de uitlijning voor de titel kiezen.
  •  Onderstaande afbeelding: Selecteer dit om de titel en tags onder de rasterafbeeldingen weer te geven. U kunt de uitlijning van titels en tags kiezen (2) en ervoor kiezen om de tags te tonen (3).


Titel lettertype

  1. Klik op de Tekststijl wijzigen knop om de Design sectie en beheer uw lettergroottes en -stijlen. 
  2. Kies het Onderwerp lettertype voor de items in de map.
  3. Tekstkleur: Geef een kleur op voor het lettertype van de titel.


Afbeeldingsrand

Zie hoe om de afbeeldingsrand te beheren.


Grid Style

  1. Hover-effect: Het zweefeffect kan alleen in een rasterlay-out worden gebruikt. U kunt de volgende opties weergeven bij zweven in rastermodus.
    • Geen effect: Voor geen effect op subitems in rastermodus.
    • Kleur: Alleen voor overlaykleur op uw subitems in rastermodus.
    • Kleur en pictogram: Voor de overlaykleur van subitems met een pictogram.
  2. Beweeg Kleur: Geef kleur op bij zweven.
    • Selecteer om een ​​kleur op te geven Geselecteerde kleur. Als je dit selecteert, vind je hieronder een optie om de kleur op te geven.
    • kies Accentkleur afbeelding zodat de accentkleur van de afbeelding verschijnt bij zweven. Als u dit selecteert, vindt u hieronder een optie om de dekking van de afbeeldingsaccentkleur te specificeren.
  3. Basis kleur: Specificeer de kleur van de rasterbasis.
    • Selecteer om een ​​kleur op te geven Geselecteerde kleur. Als je dit selecteert, vind je hieronder een optie om de kleur op te geven.
    • kies Accentkleur afbeelding zodat de accentkleur van de afbeelding de basiskleur wordt. Als u dit selecteert, vindt u hieronder een optie om de dekking van de afbeeldingsaccentkleur te specificeren.
  4. Rasterpictogram: Selecteer een Plus, pijl, Kruis, or Oog icoon. Dit pictogram verschijnt als u over de rasterafbeeldingen zweeft.
  5. Pictogramkleur: Geef de kleur van het rasterpictogram op.


Bijvoorbeeld check deze folder waarbij 'Square large folder layout' is geselecteerd met 'Rasterlabels – Titel & Tags':

Breadcrumb-navigatie

Kom te weten over de broodkruimelnavigatie in detail.


Mobiel display

  1. Geef het ruimte tussen de subitems in rasterindelingen voor mobiel. (tussen 0-250 pixels)
  2. Kies de aantal columns om items in de map op mobiele apparaten weer te geven.


Diavoorstelling (alleen voor 'Full-Image Slider'-lay-out)

  1. Gedrag: Schakel de diavoorstelling vanaf hier in.
  2. Snelheid diavoorstelling: Stel de overgangssnelheid van de diavoorstelling in (tussen 1 en 10 seconden).
  3. Overgang diavoorstelling: Geef het overgangstype Diavoorstelling op. U kunt de optie 'Horizontal Swipe' of 'Fade' toepassen.


Kun je iets niet vinden?

Neem contact op met een Pixpa Expert.