Siddesign för mapplistor

Ocuco-landskapet mapp låter dig skapa en samling av dina sidor som en listningssida eller som en rullgardinsmeny.

Tänk på en mapp som en behållare som innehåller flera menyalternativ och visar dem i en visuell layout (rutnät, bildspel, vertikala eller horisontella rullningar och många fler layouter).

Se en demo-mapp.

När du har skapat en mapp, kan du hantera dess design som visas nedan.


Hantera mappstil:

  • Ange mapp rubricerade (1) i sökfältet.
  • Klicka på mapp (2) under Menyobjekt på webbplatsen. 

  • Alternativt från Webbplats avsnittet kan du klicka på tre prickar (1) ikon som du kommer att se när du håller markören över mappen.
  • Klicka på Inställningar (2) alternativet.
  • Detta tar dig till mappinställningar sida där du kan klicka på Design (3) fliken för att öppna Mappdesign låda.


Du ser följande designalternativ här: 


Mapplayout

  1. Layout – Välj en layout som ska tillämpas på mappen. Du kan välja mellan fler än 20 layouter för att visa underobjekten i en mapp på din webbplats.
  2. Bredd – Ställ in mappens bredd som Full Width, Boxed eller Site Width.
    • 'Full bredd' kommer att visa mappen samtidigt som den täcker hela bredden utan att lämna någon marginal.
    • 'Boxed' kommer att visa mappen samtidigt som en viss mängd utfyllnad lämnas till höger och vänster på skärmen.
    • 'Webbplatsens bredd' kan anges i Design sektion. Du kan ange en fast bredd där.
      Den kommer att visa mappen genom att följa den angivna fasta bredden.
  3. Galleravstånd – Ange utrymmet mellan underposter i rutnätslayouter. (0–250 pixlar)
  4. Hörnradie – Anpassa hörnen på rutnätsobjekt i mappen genom att justera hörnradien så att de blir rundade eller fyrkantiga.
  5. Visa filter efter taggar – Kontrollera detta aktivera filter efter taggar på dina mappunderobjekt.
  6. Taggjustering – Ställ in justeringen av taggar på skärmen.


Titlar

Visa Titel (1): Du kan aktivera underobjekttitlar under rutnätsbilderna med titlar och taggar.

  • Av: Välj detta för att stänga av rutnätsrubriker och taggar.
  • På Hover: Välj detta för att visa titeln när du håller muspekaren. Du kan välja justering för titeln.
  •  Bild nedan: Välj detta för att visa titeln samt taggar under rutnätsbilderna. Du kan välja justering av titlar och taggar (2) och välja att visa taggarna (3).


Titel teckensnitt

  1. Klicka på Ändra textstil knappen för att besöka Design avsnitt och hantera dina teckenstorlekar och stilar. 
  2. Ställ in Titel teckensnitt för objekten i mappen.
  3. Fontfärg: Ange en färg för rubrikens teckensnitt.


Bildkant

Se hur för att hantera Image Border.


Rutnätstil

  1. Hover-effekt: Svävningseffekten kan endast användas i en rutnätslayout. Du kan visa följande alternativ vid hovring i rutnätsläge.
    • Ingen effekt: För ingen effekt på underobjekt i rutnätsläge.
    • Färg: Endast för överlagringsfärg på dina underobjekt i rutnätsläge.
    • Färg och ikon: För överlagringsfärgen för underobjekt med en ikon.
  2. Hover färg: Ange färg vid muspekaren.
    • För att ange en färg, välj Vald färg. Om du väljer detta hittar du ett alternativ nedan för att ange färgen.
    • Välja Bild Accent Färg så att bildens accentfärg visas när du håller muspekaren. Om du väljer det här, hittar du ett alternativ nedan för att ange opaciteten för bildens accentfärg.
  3. Basfärg: Ange färgen på rutnätsbasen.
    • För att ange en färg, välj Vald färg. Om du väljer detta hittar du ett alternativ nedan för att ange färgen.
    • Välja Bild Accent Färg så att bildens accentfärg blir basfärgen. Om du väljer det här, hittar du ett alternativ nedan för att ange opaciteten för bildens accentfärg.
  4. Rutnätsikon: Välj en Plus, arrow, Korsa, or Ögat ikon. Den här ikonen visas när du svävar över rutnätsbilderna.
  5. Ikonfärg: Ange rutnätsikonens färg.


Till exempel, kolla in den här mappen där "Kvadratisk stor mapplayout" är vald med "Gridetiketter – Titel & Taggar":

Brödsmulnavigering

Vet om brödsmulnavigeringen i detalj.


Mobil display

  1. ange mellanrum mellan underposterna i rutnätslayouter för mobil. (mellan 0-250 pixlar)
  2. Välj antal kolumner för att visa objekt i mappen på mobila enheter.


Bildspel (endast för "Full-Image Slider" layout)

  1. Beteende: Aktivera bildspelet härifrån.
  2. Bildspelshastighet: Ställ in bildspelets övergångshastighet (mellan 1 till 10 sekunder).
  3. Bildspelsövergång: Ange övergångstypen för bildspel. Du kan använda alternativet "Horisontell svep" eller "Tona".


Hittar du inte det du letar efter?

Ta kontakt med en Pixpa-expert.

Pixpa Studio har precis uppdaterats. Vi uppdaterar för närvarande alla skärmdumpar från hjälpartiklarna.