Videoseksjonen

Legg til en videoseksjon på en side for å enkelt legge til YouTube-/Vimeo-videoer som skal spilles av på siden. Dette er en fin måte å holde besøkende på nettstedet engasjerte på.

Pixpa støtter innebygging av videoer fra YouTube eller Vimeo. Du kan ikke laste opp en video direkte til nettstedet ditt. Bortsett fra denne delen kan du også legge til videoene dine i galleriet eller et banner.

Pixpa lar deg dele YouTube- eller Vimeo-profilen din i sosiale medier . Du kan også legge til musikkfilene dine som er lagret på Soundcloud i Musikk-seksjonen.

Punkter å merke seg:

• Du kan laste opp en .gif-fil overalt hvor videoer støttes.
• Hvis videoen du har lagt til laster inn for mye, klikker du på avspillingsknappen og setter den på pause i noen minutter. Deretter gjenopptar du videoen. På denne måten lastes den inn bedre med mindre bufring.

---

I denne artikkelen:

1. Hva er videoseksjonen?
2. Legg til en videoseksjon
3. Legg til og rediger listeelementer
4. Sekvensere listeelementer
5. Sletter listeelementer
6. Administrer elementer
7. Endring av seksjonsoppsett
8. Stilalternativer
9. Hele kortet og tekstkortet

---

Videoseksjonen

Videolisten er en samling videoer der du kan legge til en beskrivelse for videoen og legge til en lenke eller knapp for å koble videolisten til en hvilken som helst annen side på nettstedet eller en hvilken som helst annen lenke.

---

Legg til videoer-seksjon

• En seksjon kan legges til en side. Du kan enten legge til en seksjon på en allerede eksisterende side eller opprette en ny side på nettstedet ditt.
• På siden din, Klikk på blått + ikon å legge til en Ny seksjon til siden din.

• Du vil nå se seksjonskategorier på venstre side.
• Klikk på Innhold (1) alternativ og videoer (2) fane.
• Nå skal du se forskjellige oppsett av Videoseksjonen (3).

• Velg et hvilket som helst seksjonsoppsett og klikk på det for å legge det til på siden din.

---

Legg til og rediger listeelementer

Legg til videolisteelement

Når du har lagt til seksjonen

• Klikk på Rediger innhold (1)-knappen for å åpne listeelementpanelet.

• Klikk på Legg til element (2)-knappen for å legge til et nytt listeelement.
• Du vil ha muligheten til å Dupliser og slett (3) listeelementene.

---

Rediger videolisteelement

Klikk på listeelementet du vil redigere. Det vil åpne de spesielle redigeringsalternativene for listeelementer.

• Legg til YouTube/Vimeo-videolenken din (1).

• Sett videoen til å spilles av i en lysboks eller bare på siden (2).

• Last opp eller slett (3) miniatyrbildet for listeelementet.

• legge en Tittel (4), Undertittel (5)og Beskrivelse (6) av listeelementet. Det kan hende at du ikke finner alternativet for undertittel og beskrivelse i bestemte listeelementer, avhengig av hvilket oppsett du velger.

7. Handling ved klikk

Du kan tilpasse klikkatferden til individuelle elementer i videolistedelen . Nedenfor finner du de tilgjengelige alternativene:

• Gå til en lenke
  Ved å velge dette alternativet åpnes Link Builder, slik at du kan legge til en hyperkobling til dette elementet. Linken kan lede brukere til en annen side på nettstedet ditt eller en ekstern URL. Vite mer handle om Link Builder.
• Ingen handling
  Velg dette alternativet for å gjøre elementet uklikkbart. Når det er valgt, vil det ikke utløse noen handling ved å klikke på elementet.

8. Åpne lenke i nytt vindu: Angi at lenken skal åpnes i en ny fane eller i samme fane. Dette vil bare være synlig når alternativet Gå til en lenke er valgt under Handling ved klikk- menyen.

9. Knapper og lenker: Legg til en hvilken som helst type lenke i listeelementet. Du kan legge til en knapp/bildelenke/sosialt ikon/tekstlenke. Finn ut mer.

10. Overstyring av kortstil

Du kan overstyre de globale kortstilinnstillingene fra seksjonens stilinnstillinger og tilpasse kortet for hvert element individuelt i videolistedelen. Dette lar deg bruke unike stiler på forskjellige listeelementer for bedre tilpasning.

Lær mer om kortalternativene i dynamiske seksjoner.

11. Overstyring av formstil

Bruk Overstyr-alternativet for å tilordne en annen form til hvert miniatyrbilde individuelt i videolistedelen, noe som gir deg større kontroll over den visuelle stilen til hvert element. Lær mer om formmaske.

12. Lagre: Lagre endringene etter at du har gjort tilpasningene.

---

Se redigering av et videolisteelement i aksjon:

---

Sekvenslisteelementer

• Du kan enkelt dra og slippe listeelementene for å endre rekkefølgen.

---

Slett et listeelement

Når du har lagt til et listeelement, kan du redigere det og slette det.

• Klikk på Delete ikonet ved siden av videolisteelementet.
• Klikk på Delete knappen i bekreftelsespopupen.
• Spar endringene dine.

---

Administrer elementer i videolisten

Videoliste-seksjonen inneholder en Elementer-fane som lar deg enkelt administrere synligheten til ulike elementer i seksjonen. Ved hjelp av enkle brytere kan du aktivere eller deaktivere bestemte elementer uten å måtte slette eller endre selve elementene.

• Klikk på Rediger innhold (1)-knappen.

• Velg Elements (2) fane.
• Etter å ha gjort endringene, trykk på Spar (3)-knappen.

Seksjonsalternativer

1. Vis overskrift: Aktiver eller deaktiver synligheten av overskriften for videolistedelen.
2. Vis knapper: Kontroller om knapper vises på seksjonsnivå.

Elementer Alternativer

1. Vis video: Veksle synligheten til videoene.
2. Vis tittel: Kontroller om tittelen skal vises.
3. Vis undertekst: Aktiver eller deaktiver undertekster.
4. Vis beskrivelse: Administrer synligheten til varebeskrivelser.
5. Vis knapper: Bestem om knapper for individuelle elementer skal vises.

---

Seksjonsoppsett

• Klikk på Rediger innhold (1)-knappen for å åpne redigeringspanelet for videolisten.

• Velg Layout (2) fane.
• Velg oppsettet for seksjonen din og Spar (3) endringene dine.

---

Style seksjonen din

• Klikk på Rediger innhold (1)-knappen for å åpne redigeringspanelet for videolisten.

• Velg Stil (2) alternativet.
• Endre stilen for seksjonselementene og Spar (3) endringene dine.

Du vil ha flere stilalternativer for seksjonen:

1. 1. Skjermalternativer 
   2. Mobil skjerm
   3. Justering
   4. Tekststørrelse
   5. Mellomrom
   6. Seksjonsoverskrift
   7. Bildealternativer
   8. Formmaske
   9. Alternativer for bildepeker
   10. Kantalternativer
   11. Kortalternativer
   12. Skyggealternativer
   13. Knapp og lenker

 

---

Vise

1. Velg til Vis elementer in rader og kolonner or karusellen 
   • Hvis du har valgt rader og kolonner alternativet, vil listeelementene bli ordnet i rader og kolonner. I dette tilfellet må du spesifisere antall rader og kolonner.
   • Hvis du har valgt karusellen alternativet, vil listeelementene bli presentert som en lysbildefremvisning. Vite mer.
2. Sett Antall kolonner for videolisten. Du kan velge mellom 1 og 10 kolonner.
3. Spesifiser Mellomrom mellom kolonner av listeelementene.
4. Spesifiser Mellomrom mellom rader av listeelementene.

Hvis karusellalternativet er valgt i trinn 1, vil du se følgende tilleggsalternativer:

1. Aktiver jevn rulling: Muliggjør kontinuerlig rulling av elementer i karusellen for en sømløs og visuelt tiltalende opplevelse.
2. Auto Slide: Roterer automatisk gjennom lysbilder uten brukerinteraksjon.
3. Vis fremdrift for autoavspilling: Viser en fremdriftsindikator mens autoavspilling er aktiv for bedre synlighet.
4. Autoavspillingsforsinkelse: Angir tidsintervallet mellom hver lysbildeovergang når autoavspilling er aktivert.
5. Karusellløkke: Muliggjør kontinuerlig looping av lysbilder, slik at karusellen starter sømløst på nytt etter siste lysbilde.
6. Karusellkontroller: Velg Navigasjonskontroller. Du kan velge mellom Ingen kontroller, piler – nederst i midten/øverst til høyre/nedre til høyre, Chevron, Prikker og Horisontal rulling.

---

Mobil skjerm

1. Still inn antall Rutenettkolonner for mobile enheter. Du kan sette den til maksimalt 3 kolonner.
2. Definer Mellomrom mellom rutenett (i piksler).

Enhetsspesifikk kolonneoppsett basert på Studio-innstillinger:

---

Justering

1. Rette inn innholdet horisontalt i videolisten. Du kan angi at de skal være venstrejustert, høyrejustert eller midtstilt.
2. Rette inn innholdet vertikalt i videolisten. Du kan angi at de skal være justert øverst, i midten og nederst.
3. Velg Innholdsrekkefølge dvs. bildene av listeelementene som skal vises først, eller den tilhørende teksten.

---

Tekststørrelse

1. Klikk på Endre tekststil knappen for å besøke Design seksjon og administrere skriftstørrelser og stiler. 
2. Sett Tittel skriftstil for listeelementene i seksjonen.
3. Sett Undertittel skriftstil for listeelementene i seksjonen.
4. Angi standard Tekniske beskrivelser skriftstil for listeelementene i seksjonen.
5. Aktiver dette alternativet for å animer alle tall til stede i Tittel og Undertittel felt. Når de er slått på, vises numeriske verdier med en dynamisk telleanimasjon, noe som gjør dem mer visuelt engasjerende.

---

Mellomrom

1. Spesifiser bilde~~POS=TRUNC for listeelementer.
2. Spesifiser Innholdsbredde for listeelementene.
3. Spesifiser Plass under seksjonsoverskriften i px.
4. Spesifiser Plass under bildene av listeelementene (i %).
5. Spesifiser Plass under titlene av listeelementene (i %).
6. Spesifiser Plass under undertekstene av listeelementene (i %).

---

Seksjonsoverskrift

1. Juster horisontalt seksjonens overskriftstekst. Du kan sette den til Venstre, Senter og Høyre.
2. Aktiver/deaktiver divider mellom seksjonsoverskriften og seksjonsinnholdet.
3. Sett tykkelse på skilleveggen (i px).
4. Spesifiser Skillefarge fra fargevelgeren.
5. Velg en Divider stil fra rullegardinmenyen.
6. Sett Overskriftsbredde for å definere hvor bred seksjonstittelen skal vises, med start fra minimum 50 %.

---

Bildealternativer

1. Velg bildeavling for listeelementene. Du kan angi bildene som Firkantet, Sirkel, Landskap, Portrett og Dynamisk.
2. Velg å ha en felles hjørneradius eller annen hjørneradius for hver side av listeelementene og angi et tall (i px) for hjørneradius av listeelementbildene. Vite mer.

• I tilfelle du har valgt delte hjørner, kan du angi forskjellig hjørneradius for hvert hjørne.

---

Formmaske

1. Formmaske: Aktiver denne veksleknappen for å bruke en formmaske på videominiatyrbildene i videolistedelen. Når den er aktivert, vil den valgte formen visuelt klippe miniatyrbildet inn i det skjemaet.
2. Velg form: Velg mellom diverse forhåndsdefinerte former som skal brukes på miniatyrbildene dine. Dette lar deg kreativt stilisere innholdet ditt ved å vise bilder i unike former som avrundet, diamantformet, dråpeformet osv.

---

Alternativer for bildepeker

1. Velg Bilde Hover farge å være aksentfarge eller å være spesifisert. Hvis du har valgt aksentfarge, spesifiser deretter opacity. Du kan spesifisere aksentfargen for hvert element fra Rediger element panel.
2. Hvis du har valgt angi farge alternativet og deretter angi Overleggsfarge og opasitet.
3. Sett Overlegg tekstfarge som dukker opp på pekeren.
4. Velg til Animer listeelementbildene ved å trykke på Ja. Sjekk denne funksjonen på en live-side.
5. Velg en Animasjonsstil for bilder når markøren svever over dem.

---

Bildekant

1. Aktiver / deaktiver kantlinje rundt bildene ved å bytte bryteren.
2. Velg å ha en felles grense på alle sider av bildene, eller du kan spesifisere grenser separat for hver side.
3. Spesifiser bredde av grensen. Hvis den er satt til 0, vil ikke rammen vises. Du har også muligheten til å angi kantbredden individuelt for hver side av bildet.
4. Velg Grensefarge fra fargevelgeren.
5. Velg en foretrukket Border Style fra rullegardinmenyen.
6. Bestem kantbredde for mobil enheter, justere den med bredden valgt for skrivebordet.

---

Kortalternativer

• Se hvordan å administrere kort.

---

Skyggealternativer

1. Vise – Velg å vise skyggen bak listeelementene alltid eller bare ved å holde musepekeren.
2. Stil – Velg fra eksisterende forhåndsinnstillinger eller lag en egendefinert skygge.
   Hvis du har valgt Egendefinert-alternativet, kan du besøke dette Box Shadow Generator for å lage en egendefinert skygge. Til slutt kopierer og limer du inn boksskygge CSS.
3. I tilfelle du har valgt forhåndsinnstillinger, så Velg Shadow Styles fra rullegardinmenyen.

---

Knapper og lenker

1. Se hvordan å administrere stylingen av Knapper og lenker.
2. Spar alle stilendringene.

---

Hele kortet og tekstkortet

Når du slår på Full-/tekstkort over videolisten din vil listeelementene ha en omriss og bakgrunn med kortfargen du har valgt i Design seksjon.
Se også: Farger og mellomrom på nettsiden.

Fullt kort

Når alternativet for hele kortet er valgt, brukes kortfargen på hele kortet, dvs. videominiatyrbildet og teksten som følger med.

Ta en titt: 

Tekstkort

Når tekstkortalternativet er valgt, brukes kortfargen bare på teksten som vises sammen med videominiatyrbildet.

Ta en titt: 

---

Relaterte artikler:

• Legg til video i et galleri
• Typer seksjoner