EN
Søger...

Hjemmesidegalleri

Pixpa giver dig meget kontrol over, hvordan du viser billeder i dine gallerier.

Ved at bruge galleristilindstillingerne kan du fuldt ud kontrollere dine billeders visning i galleriet sammen med gallerilayoutet.

Tip: Stilindstillinger for hele galleriet anvendes automatisk på alle nye gallerier, du opretter.
Se også: Hvordan tilsidesætter man galleristilen for hele webstedet i et bestemt galleri?

I denne artikel:

    1. Gallerilayout
    2. Ristestil
    3. Gitterfarver
    4. Hover stil
    5. Billede Titel
    6. Billedkant
    7. Lysboksskærm
    8. Mobil skærm

Du kan tilpasse galleriindstillingerne for hele webstedet fra sektionen Design (1).

Når du er inde i Design-sektionen, skal du klikke på fanen Gallerier (2).

Alternativt kan du også bruge studiets søgemulighed.

  • Indtast Gallerier (1) i søgefeltet.
  • Fra de relaterede resultater skal du klikke på Design – Gallerier mulighed (2).

  1. Layout: Vælg et layout, der vil blive anvendt på galleriet.
    Lær, hvordan du ændrer gallerilayoutet.
  2. Bredde : Vælg galleriets bredde.
    • 'Fuld bredde' vil vise galleriet, mens det dækker hele bredden uden at efterlade nogen margen.
    • 'boxed' vil vise galleriet, mens der efterlades en vis mængde polstring til højre og venstre på skærmen.
    • 'Site bredde' kan angives i designafsnittet. Du kan angive en fast bredde her.
      Det vil vise galleriet ved at overholde den angivne faste bredde.

 

  1. Gitterafstand: Angiv mellemrummet mellem billederne i gitterlayout. (0 – 250 pixels) 
  2. Billedhjørneradius: Anvend en kantradius for at gøre billedhjørnerne afrundede i gallerigitteret.

For eksempel har Lantern - temaets hjemmegalleri en gitterafstand på 142px.

Efter at have anvendt Image Corner Radius, vil du se afrundede kanter på billederne som i Beyond -skabelonen.

Basisopacitet: Hvis du har valgt svævetypen som billedets accentfarve, skal du indstille gitterets basisopacitet herfra.

 

  1. Base: Basisfarven bruges til dannelse af gitter og er kun synlig et øjeblik, før billederne indlæses. Du har to muligheder for gitterets grundfarve.
    • Vælg farve: Vælg denne mulighed for at indstille en bestemt farve til gitterbasen. Angiv enhver farve og opacitet for gitterbasen.
    • Accent farve: Brug billedaccentfarver til gitterbasen. Dette vil give et flerfarvet gitter ved hjælp af accentfarverne i hvert billede.
  2. Basisopacitet: Hvis du har valgt basistypen som accentfarve, skal du indstille gitterets basisopacitet herfra. 
  3. Hover :  Dette påvirker gitteret, når markøren holdes over billedet.
    • Vælg farve: Indstil standardfarven for svævemarkering og dens opacitet, hvis du har valgt Vælg farve til dine gitterbilleder. 
    • Accent farve: Brug billedaccentfarver til gitterbasen. Dette vil give et flerfarvet gitter ved hjælp af accentfarverne i hvert billede.
  4. Hover opacitet: Hvis du har valgt svævetypen som accentfarve, skal du indstille gitterets basisopacitet herfra. 

 

Billedets accentfarve er den dominerende farve på et billede, der vælges, når du uploader et billede.

Svæveeffekten vil kun blive brugt i gitterlayoutet. Du kan vise følgende muligheder, når du svæver i gittertilstand.

  1. Ingen effekt – For ingen effekt på billeder i gittertilstand.
  2. Farve – Til kun svævefarve på dine billeder i gittertilstand.
  3. Farve og billedtitel – Til billedsvævefarven med billedtitlen. Du kan indstille svævefarven og billedtitlens tekstfarve/skrifttype/størrelse/vægt i næste mulighed.
  4. Farve og ikon – For billedets svævefarve med et ikon.
  5. Farve, billedtitel og ikon – Til billedhovedfarve, billedtitel og ikon. Du kan også tilføje ikoner på dine billeder som plus, pil, kryds og øje. 

Hover ikon

  • Svæveikoner bruges kun i gitterlayout af gallerier. Du kan vælge at vise et ikon til dine billeder i gittertilstand.
  • Indstillingerne er – plus, pil, kryds og øje. Dette gælder kun, når ikonet er valgt i hover effekt dropdown. 

  1. Dette anvendes, når du vælger at vise billedtitler, når du svæver.

Pixpa tilbyder en alsidig funktion til billedramme, der giver dig mulighed for at forbedre dit websteds visuelle appel ved at tilføje rammer omkring billeder. Klik her for at lære mere om billedramme.

1. Åbn Lightbox

  • Når billeder vises i et gitter, åbnes det i lysbokstilstand (fuldt billede) ved at klikke på et billede.
  • Du kan aktivere eller deaktivere dette herfra. 

Tjek Lightbox-tilstand i aktion :

2. Aktiver Zoom

  • Aktiver/deaktiver zoom over billeder i lysbokstilstand.
  • Zoomfunktionen vil også fungere på desktop- såvel som mobilwebsteder.

3. Visningsindstillinger

  • Vælg, hvordan du vil vise dine billeder i fuld billedvisning.
  • Du kan vælge mellem vis kun billeder, billede med thumbnails, billede med billedtekst i bundenog billede med billedtekst til højre. 

For eksempel et galleri med kun udstillingsbilleder.

For eksempel et galleri med et showbillede med miniaturebilleder.

For eksempel et galleri med et udstillingsbillede med billedtekst i bunden.

For eksempel et galleri med et udstillingsbillede med billedtekst til højre.

4. Overlay farveindstillinger

Overlayfarven er den baggrundsfarve , der vises, når billeder vises i lightbox-tilstand. Justering af overlayfarven kan hjælpe med at matche udseendet og følelsen af ​​dit websteds design og give en sammenhængende og poleret præsentation af dine billeder i lightbox-visning.

  • Vælg den Brugerdefineret farve mulighed for at indstille en specifik baggrundsfarve for alle billeder, der ses i lysbokstilstand. Du kan definere din foretrukne farve i Overlay farve indstilling. Lær mere.
  • Vælg Accent Color at anvende en unik farve fra hvert billedes accenttoner. Du kan tilpasse dette individuelt for hvert billede som ønsket. Lær mere.
  • Hvis du vælger indstillingen Accent-farve, kan du justere Gennemsigtighed (gennemsigtighed) af baggrundsfarven.

5. Billedvisning

Angiv visningstilstanden for lysboksen –

  • Skala og pasform – Billeder vil blive skaleret til at passe ind i det tilgængelige browserområde, så det fulde billede er synligt. 
  • Fuld blødning – Billeder vil være i størrelse, så de fylder hele det tilgængelige browserområde – nogle dele af billedet kan blive afskåret for at opnå denne fuldskærmsvisning. 

For eksempel et galleri med S- skalering og tilpasningstilstand , hvor billeder passer ind i den tilgængelige browserhøjde.

For eksempel et galleri med en fuld beskæringstilstand , hvor billeder ville blive strakt for at udfylde den tilgængelige browserbredde.

6. Kontrol

I lysboksvisningen skal du vælge, hvordan du vil vise navigationskontroller som billedinfoikon, galleriinfoikon, krydsikon, browsertilpasningsikon osv. Valgmulighederne er:

  1. Altid synlig (vis altid navigationsknapper oven på billeder)
  2. Vis ved svæv (navigationskontroller vises kun, når du flytter markøren på skærmen)
  3. Skjult (navigationskontroller vil aldrig blive vist). 

For eksempel et galleri med navigationskontroller "Altid synlige" .

For eksempel et galleri med visning af navigationskontroller ved musepekeren.

For eksempel et galleri med skjulte navigationsknapper.

7. Næste/Forrige stil

Vælg, hvordan du vil vise dine navigationspile, i fuld billedvisning.

  1. Flydende : Navigationspilene vil svæve. Flyt markøren over billedet, og klik på skærmen, når pilen vises for at navigere gennem billederne. 
  2. Chevron
  3. Pile
  4. Vis pil i cirkel
  5. Skjult : Deaktiver navigationspilene helt. 

8. Billedfilnavn

  • Vælg at vise filnavnet, når billedet vises i lysbokstilstand.

Se i aktion: 

9. Max billedstørrelse

Denne indstilling styrer den maksimale opløsning, som dine galleribilleder vises med i lightbox-tilstand. Du kan vælge mellem følgende muligheder:

  • Auto - Tilpasser automatisk billedstørrelsen baseret på seerens skærm og enhedens opløsning. Systemet vælger intelligent den mest passende version af billedet for at sikre optimal klarhed og ydeevne.
  • Faste størrelser – 2048px, 1500px, 1000px, 800px eller 500px. Hvis du vælger en fast størrelse, vises alle lightbox-billeder op til den maksimale opløsning, afhængigt af brugerens enhed eller skærmstørrelse.
Bemærk

Hvis det originale billede, du har uploadet, har en mindre opløsning end den valgte størrelse, vises det i sin oprindelige opløsning . Det forstørres eller skaleres ikke.

Indstillinger for diasshow

  1. Diasshow: Klik på autoplay for at starte diasshowet automatisk i fuld billedfremviser. Du kan også deaktivere diasshowet.
  2. Fart : Vælg overgangshastigheden. Du kan vælge fra 1 til 10 sekunder.
  3. Overgang: Vælg overgangsstilen for diasshowet.

 

Se slideshow i aktion: 

Farveindstillinger

Denne funktion gør det muligt at bruge accentfarven på billeder som baggrund, når billeder vises i lysbokstilstand . Dette forbedrer den visuelle oplevelse ved at justere baggrunden med billedets accentfarve.

  1. Brug Accent Color som Tint:
    • Som standard Lightbox baggrundsfarve vil blive anvendt, når du ser billeder i lysbokstilstand.
    • Når du aktiverer denne indstilling, vil Accent Color associeret med billederne vil blive brugt som Lightbox-baggrundsfarven, hvilket giver et mere dynamisk og visuelt sammenhængende look.
  2. Farveopacitet:
    • Du kan styre opaciteten af Accent Farve Tint ved hjælp af Tint-skyderen.
    • Justering af opaciteten blander Accent Color med Lightbox-baggrundsfarven, så du kan opnå en sømløs og professionel æstetik.

  1. Vis som: Vælg at vise galleriet som en Billedskyder eller i gittertilstand i mobilvisningen. 
  2. Gitterkolonner: Vælg mellem 1 kolonne eller 2 kolonne visning til gittervisning i mobilvisning.
  3. Gitterafstand: Indstil tagrende mellem billeder i mobilvisning.

 

Tagged:

Kan du ikke finde det, du leder efter?

Kom i kontakt med en Pixpa-ekspert.

Kontakt os
Pixpa Studio er netop blevet opdateret. Vi opdaterer i øjeblikket alle skærmbilleder af hjælpeartikler.