Galleri widget

Den Bildegalleri widgeten lar deg enkelt legge til og style komplekse og vakre bildegallerier på siden din.

Innhold

Innstillinger

  1. Type: Velg type galleri ved å velge mellom Singel eller Flere. Multiple lar deg ha et filtrerbart bildegalleri i porteføljestil
    1. Hvis du velger Flere, skriver du inn en tittel i feltet eller bruker Dynamiske tagger *.
  2. Legg til bilder: Velg flere bilder fra mediebiblioteket som du vil sette inn i galleriet, og skriv inn en Tittel for galleriet
    1. Du kan også bruke alternativet Dynamiske tagger til å laste inn bilder fra innleggets bildevedlegg, galleriet for avanserte egendefinerte felt eller WooCommerce-produktgalleriet. Dette er nyttig når du oppretter en mal for et enkelt innlegg eller produkt i temabyggingen
  3. Bestill etter: Velg standard eller tilfeldig rekkefølge
  4. Lazy-Load: Sett til Yes for å bruke Lazy Load for å forbedre lastehastigheten.
  5. Layout: Velg mellom Rutenett, Berettiget, eller MurverkDen Rutenett er basert på et bildeforhold du selv velger. Berettiget lar deg angi høyden for hver rad, og tilpasser seg ulike bredder for hvert bilde. Murverk opprettholder samme bildebredde og tilpasser seg ulike høyder.
  6. Spalter: Angi hvor mange kolonner som skal vises per rad, fra 1 til 24. Ikke tilgjengelig hvis Berettiget Layout er valgt.
  7. Radhøyde: Angi høyden på hver rad, i piksler. Bare tilgjengelig hvis Berettiget Layout er valgt.
  8. Avstand: Kontroller hvor mye plass det skal være mellom hvert bilde i en rad.
  9. Lenke: Angi lenken for bildene til Ingen, Mediefil eller Egendefinert URL
  10. Størrelsesforhold: Velg bildeformat, og velg mellom 1:1, 3:2, 4:3, 9:16, 16:9 og 21:9. Bare tilgjengelig for rutenettlayout. 
  11. Bildeoppløsning: Angi størrelsen på bildet, fra miniatyrbilde til full størrelse, eller angi en egendefinert størrelse.

Hvis Type: Flere er valgt, blir følgende tilleggsalternativer i filterlinjen tilgjengelige:

Filterlinje (kun tilgjengelig hvis du har valgt Flere typer)
  1. "Alle"-filter: Velg Ja for å inkludere "Alle"-filteret, eller Nei for å ekskludere det.
  2. "Alle" Filteretikett: Hvis den er satt til Yes, skriver du inn ønsket etikett eller bruker Dynamic Tags. "Alle" er standardinnstillingen.
  3. Peker: Velg pekeren som brukes når du holder musepekeren over hver filteretikett. Velg mellom Ingen, Understreket, Overstreket, Dobbel linje, Innrammet, Bakgrunn eller Tekst.
  4. Animasjon: Still inn pekerenes animasjonsstil. Velg mellom Fade, Slide, Grow, Drop In, Drop Out eller None.

Overlegg

  1. Bakgrunn: Velg Ja for å få et overlegg til å vises når du holder musepekeren over hvert bilde, eller Nei for ingen overlegg.
  2. Tittel: Velg hvilket meta-attributt som skal vises som overleggets tittel. Velg mellom bildets Tittel, Bildetekst, Alt, Beskrivelse eller Ingen.
  3. Beskrivelse: Velg hvilket meta-attributt som skal vises som beskrivelse for overlegget. Velg mellom Bildets tittel, Bildetekst, Alt, Beskrivelse eller Ingen.

Stil

Bilde

  1. Rammefarge: Velg fargen på bildekanten, for Normal og Hover-tilstand
  2. Kantbredde: Velg tykkelsen på rammen kun for normal tilstand.
  3. Grenseradius: Kontrollerer hvor runde hjørnene på bildekanten skal være, for Normal- og Hover-tilstandene.
  4. CSS-filtre: Angi CSS-filtre, og velg blant Blur, Brightness, Contrast og Saturation for Normal og Hover-status.
  5. Hover-animasjon: Velg animasjon av bildet ved sveving, og velg mellom Ingen, Zoom inn, Zoom ut, Flytt til venstre, Flytt til høyre, Flytt opp eller Flytt ned, for Normal og Hover-tilstand.
  6. Animasjonens varighet (ms): Angi hvor lang tid animasjonen skal ta, i millisekunder.

Overlegg

  1. Overlegg: Velg type overlegg (klassisk eller gradient) for bildenes Normal- og Hover-tilstand.
  2. Farge: Angi overleggsfargen eller gradientfargene for bildenes Normal- og Hover-tilstand.
  3. Blandingsmodus: Velg mellom flere lageffekter, inkludert Normal, Multiply, Screen, Overlay osv. Se demo av blandingsmodus
  4. Hover-animasjon: Velg overleggets inngangs- eller utgangsanimasjon når du holder musepekeren over. Velg mellom Skyv inn til høyre, Skyv inn til venstre, Skyv inn opp, Skyv inn ned, Zoom inn, Zoom ut og Fade inn. Hvis du velger Entrance Animation, vises bilder med full opasitet i normal tilstand, og overlegget dekker bildet når du holder musepekeren over det. Hvis Exit Animation er valgt, dekker overlegget bildet i normal tilstand, og fjernes når du holder musepekeren over bildet.
  5. Animasjonens varighet (ms): Angi hvor lang tid animasjonen skal ta, i millisekunder.

Innhold

  1. Justering: Juster innholdet til venstre, høyre eller midt på
  2. Vertikal posisjon: Juster innholdet til toppen, midten eller bunnen
  3. Polstring: Juster innholdets utfylling
Tittel
  1. Farge: Velg tittelens farge
  2. Typografi: Angi typografialternativer for tittelen
  3. Avstand: Angi hvor mye mellomrom det skal være mellom Tittel og Beskrivelse
Beskrivelse
  1. Farge: Velg farge på beskrivelsen
  2. Typografi: Angi typografialternativer for beskrivelsen
  1. Hover-animasjon: Velg innholdets inngangs-, reaksjons- eller utgangsanimasjon når du holder musepekeren over. For inngangsanimasjon kan du velge mellom Skyv inn til høyre, Skyv inn til venstre, Skyv inn opp, Skyv inn ned, Zoom inn, Zoom ut og Fade inn. For reaksjonsanimasjon kan du velge mellom Grow, Shrink, Move Left, Move Right, Move Up eller Move Down. For Avslutt-animasjon velger du mellom Skyv ut til høyre, Skyv ut til venstre, Skyv ut opp, Skyv ut ned, Zoom inn, Zoom ut og Fade ut.
  2. Animasjonens varighet: Angi hvor lang tid animasjonen skal ta, i millisekunder.
  3. Sekvensert animasjon: Sett til Ja for å få tittel og beskrivelse animert i rekkefølge. Sett til Nei for å få tittelen og beskrivelsen til å animeres samtidig.

Filter Bar 

Disse tilleggsalternativene i filterfeltet blir bare tilgjengelige hvis Type: Flere ble valgt.

  1. Tekstfarge: Velg fargen på filterfeltets tekst for tilstandene Normal, Hover og Aktiv.
  2. Typografi: Angi typografialternativer for teksten i filterlinjen.
  3. Pekerens farge: Velg fargen på pekeren på filterlinjen. Bare tilgjengelig i tilstandene Hover eller Aktiv.
  4. Pekerbredde: Velg tykkelsen på pekeren.
  5. Mellomrommet: Kontroller hvor mye mellomrom det skal være mellom Filter-tekstelementene.
  6. Gap: Kontroller hvor mye plass det skal være mellom filterteksten og galleribildene.

Avansert

Angi de avanserte alternativene som gjelder for denne widgeten

Bildetekster og titler i et galleri

Galleri-widgeten lar deg vise bildeteksten eller tittelen til et bilde som en del av overlegget. Det er imidlertid ikke sikkert at disse bildetekstene/titlene passer for Galleri-widgeten, så brukerne har muligheten til å redigere bildetekstene/titlene til bildene som vises i widgeten.

Redigering av bildetekster/titler

Slik redigerer du bildetekst og/eller tittel:

  1. Klikk på området for bildevalg i Innhold ...tab...
  1. Slik endrer du bildeteksten - Klikk på bildetekstområdet, og skriv inn en ny bildetekst i tekstfeltet.
  1. Endre tittelen - Klikk på bildet, og skriv inn en ny tittel i tekstboksen.
  1. Klikk Sett inn galleri.

Legg til kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *