Videosektion

Tilføj en videosektion på en side for nemt at tilføje dine YouTube/Vimeo-videoer, der skal afspilles på siden. Dette er en fantastisk måde at holde dine besøgende på hjemmesiden engagerede på.

Pixpa understøtter indlejring af videoer fra YouTube eller Vimeo. Du kan ikke uploade en video direkte til din hjemmeside. Udover dette afsnit kan du også tilføje dine videoer til et galleri eller et banner.

Pixpa giver dig mulighed for at dele din YouTube- eller Vimeo-profil på sociale medier . Du kan også tilføje dine musikfiler, der er hostet på Soundcloud, i musiksektionen.

Punkter, der skal bemærkes:

• Du kan uploade en .gif-fil, hvor som helst videoer understøttes.
• Hvis videoen, du har tilføjet, indlæses meget, skal du klikke på afspilningsknappen og sætte den på pause i et par minutter. Genoptag derefter videoen. På denne måde indlæses det bedre med mindre buffering.

---

I denne artikel:

1. Hvad er Video-sektionen?
2. Tilføj en videosektion
3. Tilføj og rediger listeelementer
4. Rækkefølge listeelementer
5. Sletning af listeelementer
6. Administrer elementer
7. Ændring af sektionslayout
8. Stilmuligheder
9. Det fulde kort og tekstkortet

---

Videosektion

Videoliste er en samling af videoer, hvor du kan tilføje en beskrivelse til videoen og tilføje et link eller en knap for at forbinde videolisten med en hvilken som helst anden side på webstedet eller et hvilket som helst andet link.

---

Tilføj sektionen Videoer

• Et afsnit kan tilføjes til en side. Du kan enten tilføje et afsnit til en allerede eksisterende side eller oprette en ny side på din hjemmeside.
• På din side, klik på blåt + ikon at tilføje en Ny afdeling til din side.

• Du vil nu se sektionskategorier på venstre side.
• Klik på Indhold (1) mulighed og Videoer (2) faneblad.
• Nu vil du se forskellige layouts af Videosektion (3).

• Vælg et sektionslayout, og klik på det for at tilføje det til din side.

---

Tilføj og rediger listeelementer

Tilføj videolisteelement

Når du har tilføjet afsnittet

• Klik på Rediger indhold (1) knappen for at åbne panelet med listeelementer.

• Klik på knappen Tilføj produkt (2) knappen for at tilføje et nyt listeelement.
• Du vil have mulighed for at Dupliker og slet (3) listepunkterne.

---

Rediger videolisteelement

Klik på det listeelement, du vil redigere. Det åbner de særlige redigeringsmuligheder for listeelementer.

• Tilføj dit YouTube/Vimeo-videolink (1).

• Indstil videoen til at afspille i en lysboks eller kun på siden (2).

• Upload eller slet (3) miniaturebilledet for listeelementet.

• Føj til Emne (4), Undertekst (5)og Beskrivelse (6) i listepunktet. Du finder muligvis ikke muligheden for undertekst og beskrivelse i bestemte listeelementer afhængigt af det layout, du vælger.

7. Handling ved klik

Du kan tilpasse klikadfærden for individuelle elementer i sektionen Videoliste . Nedenfor er de tilgængelige muligheder:

• Gå til et link
  Hvis du vælger denne indstilling, åbnes Link Builder, så du kan tilføje et hyperlink til dette element. Linket kan dirigere brugere til en anden side på dit websted eller en ekstern URL. Vide mere om Link Builder.
• Ingen handling
  Vælg denne mulighed for at gøre elementet uklikbart. Når det er valgt, vil et klik på elementet ikke udløse nogen handling.

8. Åbn link i nyt vindue: Indstil linket til at åbne i en ny fane eller i den samme fane. Dette vil kun være synligt, når indstillingen Gå til et link er valgt i menuen Handling ved klik.

9. Knapper og links: Tilføj enhver type link til listeelementet. Du kan tilføje en knap/billedlink/socialt ikon/tekstlink. Få mere at vide.

10. Tilsidesættelse af kortstil

Du kan tilsidesætte de globale kortstilindstillinger fra sektionens stilindstillinger og tilpasse hvert elements kort individuelt i sektionen Videoliste. Dette giver dig mulighed for at anvende unikke stilarter på forskellige listeelementer for bedre tilpasning.

Få mere at vide om kortindstillingen i de dynamiske sektioner.

11. Tilsidesættelse af formstil

Brug indstillingen Tilsidesæt til at tildele en forskellig form til hver miniature individuelt i sektionen Videoliste, hvilket giver dig større kontrol over den visuelle stil for hvert element. Få mere at vide om formmaske.

12. Gem: Gem ændringerne, når du har foretaget tilpasningerne.

---

Se redigering af et videolisteelement i aktion:

---

Sekvenslisteelementer

• Du kan nemt trække og slippe listeelementerne for at ændre rækkefølgen.

---

Slet et listeelement

Når du har tilføjet et listeelement, kan du redigere det og slette det.

• Klik på Slette ikonet ved siden af ​​videolisten.
• Klik på Slette knappen i bekræftelses-popup'en.
• Gem dine ændringer.

---

Administrer elementer i videolisten

Videolistesektionen indeholder en faneblad med elementer , der giver dig mulighed for nemt at administrere synligheden af ​​forskellige elementer i sektionen. Ved hjælp af enkle vippeknapper kan du aktivere eller deaktivere specifikke elementer uden at skulle slette eller ændre selve elementerne.

• Klik på Rediger indhold (1) knap.

• Vælg den Elements (2) faneblad.
• Når du har foretaget ændringerne, skal du trykke på Gem (3) knap.

Sektionsmuligheder

1. Vis overskrift: Aktiver eller deaktiver synligheden af ​​overskriften for afsnittet Videoliste.
2. Vis knapper: Kontroller, om knapper skal vises på sektionsniveau.

Indstillinger for varer

1. Vis video: Skift synligheden af ​​videoerne.
2. Vis Titel: Kontroller, om titlen skal vises.
3. Vis undertekst: Aktiver eller deaktiver undertekster.
4. Vis beskrivelse: Administrer synligheden af ​​varebeskrivelser.
5. Vis knapper: Beslut om knapper til individuelle elementer skal vises.

---

Sektionslayout

• Klik på Rediger indhold (1) knappen for at åbne videolistens redigeringspanel.

• Vælg den Layout (2) faneblad.
• Vælg layout for din sektion og Gem (3) dine ændringer.

---

Style dit afsnit

• Klik på Rediger indhold (1) knappen for at åbne videolistens redigeringspanel.

• Vælg den stil (2) mulighed.
• Skift stilen for sektionselementerne og Gem (3) dine ændringer.

Du vil have flere stilindstillinger for sektionen:

1. 1. Display muligheder 
   2. Mobil skærm
   3. Justering
   4. Tekststørrelse
   5. Mellemrum
   6. Sektionsoverskrift
   7. Billedindstillinger
   8. Form maske
   9. Indstillinger for billedsving
   10. Grænsemuligheder
   11. Kort muligheder
   12. Skygge muligheder
   13. Knap og links

 

---

Skærm

1. Vælg at Vis varer in rækker og kolonner or karrusel 
   • Hvis du har valgt rækker og kolonner valgmulighed, vil listeelementerne blive arrangeret i rækker og kolonner. I dette tilfælde skal du angive antallet af rækker og kolonner.
   • Hvis du har valgt karrusel valgmulighed, vil listeelementerne blive præsenteret som et diasshow. Vide mere.
2. Indstil Antal kolonner for videolisten. Du kan vælge mellem 1 til 10 kolonner.
3. Angiv Mellemrum mellem kolonner af listepunkterne.
4. Angiv Mellemrum mellem rækker af listepunkterne.

Hvis indstillingen Karrusel er valgt i trin 1, vil du se følgende yderligere muligheder:

1. Aktiver jævn rulning: Muliggør kontinuerlig rulning af elementer i karrusellen for en problemfri og visuelt tiltalende oplevelse.
2. Auto Slide: Roterer automatisk gennem dias uden brugerinteraktion.
3. Vis autoplay-fremskridt: Viser en statusindikator, mens autoplay er aktiv for bedre synlighed.
4. Autoplay forsinkelse: Indstiller tidsintervallet mellem hver diasovergang, når autoplay er aktiveret.
5. Karrusel loop: Muliggør kontinuerlig sløjfe af dias, så karrusellen genstarter problemfrit efter det sidste dias.
6. Karrusel kontrol: Vælg Navigationskontrol. Du kan vælge mellem Ingen kontrol, pile – nederst i midten/øverst til højre/nederst til højre, Chevron, Prikker og Vandret rulle.

---

Mobil skærm

1. Indstil antallet af Gitterkolonner til mobile enheder. Du kan indstille den til maksimalt 3 kolonner.
2. Definer Mellemrum mellem gitter (i pixels).

Enhedsspecifik kolonnelayout baseret på Studio-indstillinger:

---

Justering

1. Juster Indholdet vandret i videolisten. Du kan indstille dem til at være venstre-, højre- eller centerjusterede.
2. Juster indholdet lodret i videolisten. Du kan indstille dem til at være top-, center- og bundjusterede.
3. Vælg den Indholdsrækkefølge dvs. billederne af de listeelementer, der skal vises først, eller den tilhørende tekst.

---

Tekststørrelse

1. Klik på Skift tekststil knappen for at besøge Design afsnit og administrere dine skriftstørrelser og stilarter. 
2. Indstil Emne skrifttype for sektionens listeelementer.
3. Indstil Subtitle skrifttype for sektionens listeelementer.
4. Indstil standard Beskrivelse skrifttype for sektionens listeelementer.
5. Aktiver denne indstilling for at animer alle tal til stede i Emne og Subtitle felter. Når de er aktiveret, vises numeriske værdier med en dynamisk optællingsanimation, hvilket gør dem mere visuelt engagerende.

---

Mellemrum

1. Angiv Breddebillede for listepunkter.
2. Angiv Indholdsbredde for listepunkterne.
3. Angiv Plads under sektionsoverskrift i px.
4. Angiv Plads under billederne af listepunkterne (i %).
5. Angiv Plads under titlerne af listepunkterne (i %).
6. Angiv Plads under underteksterne af listepunkterne (i %).

---

Sektionsoverskrift

1. Juster vandret sektionens overskriftstekst. Du kan indstille den til Venstre, Center og Højre.
2. Aktiver/deaktiver Divider mellem afsnitsoverskriften og afsnitsindholdet.
3. Indstil tykkelse af skillevæg (i px).
4. Angiv Opdelerfarve fra farvevælgeren.
5. Vælg et Divider stil fra dropdown.
6. Indstil Overskriftsbredde for at definere, hvor bred sektionstitlen vises, startende fra minimum 50 %.

---

Billedindstillinger

1. Vælg den billedafgrøde for listepunkterne. Du kan indstille billederne som Firkantet, Cirkel, Landskab, Stående og Dynamisk.
2. Vælg at have en fælles hjørneradius eller en anden hjørneradius for hver side af listeelementerne, og indstil et tal (i px) for hjørneradius af listeelementbillederne. Vide mere.

• Hvis du har valgt opdelte hjørner, kan du indstille forskellige hjørneradius for hvert hjørne.

---

Form maske

1. Form maske: Aktiver denne til/fra-knap for at anvende en formmaske til videominiaturerne i afsnittet Videoliste. Når den er aktiveret, vil den valgte form visuelt klippe miniaturebilledet ind i denne formular.
2. Vælg form: Vælg mellem forskellige foruddefinerede former til at anvende på dine miniaturebilleder. Dette giver dig mulighed for kreativt at stilisere dit indhold ved at vise billeder i unikke former som afrundet, diamant, drop osv.

---

Indstillinger for billedsving

1. Vælg den Billede Hover Farve at være accentfarve eller at være specificeret. Hvis du har valgt accentfarve, og angiv derefter opacitet. Du kan angive accentfarven for hvert element fra Rediger element panel.
2. Hvis du har valgt angiv farve indstilling og derefter indstille Overlay farve og opacitet.
3. Indstil Overlay tekstfarve der dukker op på svæven.
4. Vælg at Animer listeelementbillederne ved at trykke på Ja. Tjek denne funktion på en live-side.
5. Vælg en Animation stil for billeder, når markøren svæver over dem.

---

Billedkant

1. Aktiver/deaktiver kant rundt om billederne ved at skifte til/fra.
2. Vælg at have en fælles grænse på alle sider af billeder, eller du kan angive grænser separat for hver side.
3. Angiv bredde af grænsen. Hvis den er sat til 0, vises grænsen ikke. Du har også mulighed for at indstille kantbredden individuelt for hver side af billedet.
4. Vælg Border Color fra farvevælgeren.
5. Vælg en foretrukken Border Style fra dropdown.
6. Bestem kantbredde til mobil enheder, justere den med bredden valgt til skrivebordet.

---

Kort muligheder

• Se hvordan at administrere kort.

---

Skygge muligheder

1. Skærm – Vælg at vise skyggen bag listeelementerne altid eller kun ved at svæve.
2. stil – Vælg mellem eksisterende forudindstillinger eller opret en brugerdefineret skygge.
   Hvis du har valgt Custom-indstillingen, så besøg denne Box Shadow Generator for at skabe en brugerdefineret skygge. Til sidst skal du kopiere og indsætte box shadow CSS.
3. Hvis du har valgt forudindstillinger, så Vælg Shadow Styles fra dropdown.

---

Knapper og links

1. Se hvordan at styre stylingen af Knapper og links.
2. Gem alle stilændringer.

---

Det fulde kort og tekstkortet

Når du tænder for Fuldt/tekstkort over din videoliste vil listeelementerne have en kontur og baggrund med den kortfarve, du har valgt i Design sektion.
Se også: Hjemmeside farver og mellemrum.

Fuldt kort

Når indstillingen for fuld kort er valgt, anvendes kortfarven på hele kortet, dvs. videominiaturebilledet og teksten med det.

Se: 

Tekstkort

Når tekstkortindstillingen er valgt, anvendes kortfarven kun på den tekst, der findes sammen med videominiaturebilledet.

Se: 

---

Relaterede artikler:

• Føj video til et galleri
• Typer af sektioner