Videolistesektion

Tilføj en videolistesektion på en side for nemt at tilføje dine YouTube/Vimeo-videoer, der vil blive afspillet på siden. Dette er en fantastisk måde at holde dine besøgende engageret 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 Galleri eller Banner.

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

Punkter, der skal bemærkes:

  • Du kan skjule dine videoer fra offentligheden (på YouTube eller Vimeo) og bruge URL'en her til at vise dem på din hjemmeside.
  • 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 en videoliste?
  2. Tilføjelse af en videolistesektion til siden
  3. Tilføj og rediger listeelementer
  4. Rækkefølge listeelementer
  5. Sletning af listeelementer
  6. Ændring af sektionslayout
  7. Stilmuligheder
  8. Tilføj en musiksektion
  9. Tilføj Soundcloud-musik
  10. Det fulde kort og tekstkortet

1. Videoliste

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.


2. Tilføj videolistesektion

  • 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å Liste (1) fane og Video liste (2).
  • Nu vil du se forskellige layouts af Videolistesektion (3).

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

3. Tilføj og rediger listeelementer

Tilføj videolisteelement

Når du har tilføjet afsnittet

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

  • Klik på 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).
Bemærk:

For at tilføje en video til dit Pixpa-websted, skal du uploade din video til Youtube eller Vimeo og indtaste URL'en her. 

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

  • Upload et billede (3) for listepunktet.

  • Føj til Titel (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.

  • Klik på Link Builder-ikonet for Titellink (7) for at åbne linkbyggeren for at linke listeelementets titel til en hvilken som helst side.
  • Indstil linket til at åbne i en ny fane eller i samme fane (8).
  • Tilføj enhver form for Link (9) til listepunktet. Du kan tilføje et knap/billedlink/socialt ikon/tekstlink. Lær mere.
  • Gem (10) dine ændringer.

 


Se redigering af et videolisteelement i aktion:


4. Sekvenslisteelementer

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

5. 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.

Bemærk

Listeelement, når det er slettet, kan ikke gendannes.


6. Sektionslayout

  • Klik på Administrer varer knappen for at åbne videolistens redigeringspanel.
  • Vælg den Layout fane.
  • Vælg layoutet for din sektion, og gem dine ændringer.

7. Style dit afsnit

  • Klik på Administrer (1) knappen for at åbne videolistens redigeringspanel.
  • Vælg den Stil (2) valgmulighed.
  • Skift stilen for sektionselementerne og Gem (3) dine ændringer.


Du vil have flere stilindstillinger for sektionen:

  1. Style Valg 
  2. Tekststil 
  3. Hover farver

Style Valg

Varer 

  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 søjler af listepunkterne.
  4. Vælg den Indholdsrækkefølge dvs. billederne af de listeelementer, der skal vises først, eller den tilhørende tekst.
  5. Juster indholdet i videolisten. Du kan indstille dem til at være venstre-, højre- eller centerjusterede.
  6. Vælg at løkke karrusellen eller ej.
  7. I tilfælde af karrusellen skal du vælge Navigationskontrol. Du kan vælge mellem Ingen kontroller, pile – nederst i midten/øverst til højre/nederste højre, Chevron eller prikker.

Billeder 

  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.

Tip

Brug af hjørneradius felt, kan du oprette forskellige former for listeelementbilleder. Hvis du angiver 500 px her, vil billederne blive vist i en cirkelform.

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

På Image Hover 

  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.
  2. Hvis du har valgt angiv farve indstilling og derefter indstille Farve og uigennemsigtighed for bundsvæv for listepunkterne.
  3. Indstil Elements farve for sektionens listepunkter.
  4. Vælg at animere listeelementbillederne ved at trykke på Ja. Tjek denne funktion på en live-side.

Størrelse & plads 

  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 %).

tekst 

  1. Klik på Skift tekststil knappen for at besøge Design afsnit og administrere dine skriftstørrelser og stilarter. 
  2. Indstil Titel skrifttype for sektionens listeelementer.
  3. Indstil Subtitle skrifttype for sektionens listeelementer.
  4. Indstil standard Beskrivelse skrifttype for sektionens listeelementer.

Kort 

  1. Se hvordan at administrere kort.

Shadow 

  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.

  1. Hvis du har valgt forudindstillinger, så Vælg Shadow Styles fra dropdown.

  1. Se hvordan til at styre udformningen af ​​knapper og links.


8. Tilføj musiksektion

  • 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.
  • Rul ned og vælg Video- og musikafsnit (1) mulighed, hvor du kan vælge mellem de forskellige layouts.

  • Vælg et hvilket som helst sektionslayout (2), og klik på det for at tilføje det til din side.

9. Tilføj Soundcloud Music

  • Klik på Soundcloud-thumbnailet.
  • Dette vil aktivere Embed-knappen, klik på den.
  • Du kan tilføje din SoundCloud-indlejringskode i indlejringsboksen.
  • Klik på Gem.
  • Det er det! Din SoundCloud-musik er blevet tilføjet.

Se i aktion:


10. 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: 

Kan du ikke finde det, du leder efter?

Kom i kontakt med en Pixpa-ekspert.