Videolisteseksjonen

Legg til en videolisteseksjon på en side for enkelt å legge til YouTube/Vimeo-videoene dine som skal spilles av på siden. Dette er en fin måte å holde besøkende på nettstedet ditt engasjert.

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 Galleri eller en banner.

Pixpa lar deg dele YouTube- eller Vimeo-profilen din i sosiale lenker. Du kan også legge til musikkfilene dine på Soundcloud i musikkdelen.

Poeng å merke seg:

  • Du kan skjule videoene dine for offentligheten (på YouTube eller Vimeo) og bruke URL-en her for å vise dem på nettstedet ditt.
  • Du kan laste opp en .gif-fil der videoer støttes.
  • Hvis videoen du har lagt til laster mye, klikker du på avspillingsknappen og setter den på pause i noen minutter. Fortsett deretter videoen. På denne måten laster den bedre med mindre buffering.

I denne artikkelen:

  1. Hva er en videoliste?
  2. Legge til en videolisteseksjon på siden
  3. Legg til og rediger listeelementer
  4. Sekvensere listeelementer
  5. Sletter listeelementer
  6. Endring av seksjonsoppsett
  7. Stilalternativer
  8. Legg til en musikkseksjon
  9. Legg til Soundcloud-musikk
  10. Hele kortet og tekstkortet

1. Videoliste

Videoliste er en samling av 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.


2. Legg til videolisteseksjon

  • 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å Liste (1) fane og Videoliste (2).
  • Nå skal du se forskjellige oppsett av Videolisteseksjonen (3).

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

3. Legg til og rediger listeelementer

Legg til videolisteelement

Når du har lagt til delen

  • Klikk på Rediger videoliste (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 din Youtube/Vimeo-videolink (1).
OBS:

For å legge til en video på Pixpa-nettstedet ditt, må du laste opp videoen til Youtube eller Vimeo og skrive inn URL-en her. 

  • Still inn videoen til å spille av i en lysboks eller bare på siden (2).

  • Last opp et bilde (3) for listeelementet.

  • legge en Tittel (4), Undertittel (5)og Beskrivelse (6) av listepunktet. Det kan hende du ikke finner alternativet undertekst og beskrivelse i bestemte listeelementer, avhengig av oppsettet du velger.

  • Klikk på Link Builder-ikonet til Tittellenke (7) for å åpne koblingsbyggeren for å koble listeelementets tittel til en hvilken som helst side.
  • Sett koblingen til å åpne i en ny fane eller i samme fane (8).
  • Legg til hvilken som helst type link (9) til listeelementet. Du kan legge til en knapp/bildekobling/sosialt ikon/tekstlenke. Les mer.
  • Spar (10) endringene dine.

 


Se hvordan du redigerer et videolisteelement:


4. Sekvenslisteelementer

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

5. Slett et listeelement

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

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

Merknader

Listeelementet når det er slettet, kan ikke gjenopprettes.


6. Seksjonsoppsett

  • Klikk på Administrer elementer for å åpne redigeringspanelet for videoliste.
  • Velg Layout fanen.
  • Velg Layout for din seksjon og lagre endringene.

7. Style seksjonen din

  • Klikk på Administrer (1) for å åpne redigeringspanelet for videoliste.
  • Velg Stil (2) alternativet.
  • Endre stilen for seksjonselementene og Lagre (3) endringene dine.


Du vil ha flere stilalternativer for delen:

  1. Stilalternativer 
  2. Tekststil 
  3. Hover farger

Stilalternativer

elementer 

  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 til 10 kolonner.
  3. Spesifiser Mellomrom mellom kolonner av listeelementene.
  4. Velg Innholdsrekkefølge dvs. bildene av listeelementene som skal vises først, eller den tilhørende teksten.
  5. Rette inn innholdet i videolisten. Du kan stille dem til å være venstre-, høyre- eller senterjustert.
  6. Velg å sløyfe karusellen eller ikke.
  7. I tilfelle av karusellen, velg Navigasjonskontroller. Du kan velge mellom Ingen kontroller, Piler – Nederst i midten/øverst til høyre/nedre til høyre, Chevron eller Prikker.

Bilder 

  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.

Tips

Bruke hjørneradius feltet, kan du lage forskjellige former for listeelementbilder. Hvis du spesifiserer 500 px her, vil bildene vises i en sirkelform.

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

På bildepekeren 

  1. Velg Bilde Hover farge å være aksentfarge eller å være spesifisert. Hvis du har valgt aksentfarge, spesifiser deretter opacity.
  2. Hvis du har valgt angi farge alternativet og deretter angi Base hover farge og opasitet for listeelementene.
  3. Sett Elements farge for listeelementene i seksjonen.
  4. Velg til animer listeelementbildene ved å trykke på Ja. Sjekk denne funksjonen på en live-side.

Størrelse og plass 

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

tekst 

  1. Klikk på Endre tekststil knappen for å besøke utforming 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 Beskrivelse skriftstil for listeelementene i seksjonen.

Kort 

  1. Se hvordan å administrere kort.

Shadow 

  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.

  1. I tilfelle du har valgt forhåndsinnstillinger, så Velg Shadow Styles fra rullegardinmenyen.

  1. Se hvordan for å administrere stilen til knapper og lenker.


8. Legg til musikkseksjon

  • På siden din, Klikk på blått + ikon å legge til en Ny seksjon til siden din.

  • Du vil nå se seksjonskategorier på venstre side.
  • Rull ned og velg Video- og musikkseksjon (1) alternativ hvor du kan velge mellom de forskjellige oppsettene.

  • Velg en seksjonslayout (2) og klikk på den for å legge den til siden din.

9. Legg til Soundcloud Music

  • Klikk på Soundcloud-miniatyrbildet.
  • Dette vil aktivere Embed-knappen, klikk på den.
  • Du kan legge til SoundCloud-innbyggingskoden i innebyggingsboksen.
  • Klikk på Lagre.
  • Det er det! SoundCloud-musikken din er lagt til.

Se i aksjon:


10. Hele kortet og tekstkortet

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

Fullt kort

Når alternativet for fullstendig kort er valgt, brukes kortfargen på hele kortet, dvs. videominiatyrbildet og teksten med det.

Ta en titt: 

Tekstkort

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

Ta en titt: 

Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.