Video List Sektion

Lägg till en videolistasektion på en sida för att enkelt lägga till dina YouTube/Vimeo-videor som kommer att spelas på sidan. Detta är ett bra sätt att hålla dina webbplatsbesökare engagerade.

Pixpa stöder inbäddning av videor från YouTube eller Vimeo. Du kan inte ladda upp en video direkt till din webbplats. Förutom det här avsnittet kan du också lägga till dina videor Galleri eller ett Baner.

Pixpa låter dig dela din YouTube- eller Vimeo-profil i sociala länkar. Du kan också lägga till dina musikfiler på Soundcloud i avsnittet Musik.

Punkter att notera:

Du kan dölja dina videor från allmänheten (på YouTube eller Vimeo) och använda webbadressen här för att visa dem på din webbplats.
Du kan ladda upp en .gif-fil där videor stöds.
Om videon du har lagt till laddas mycket, klicka på uppspelningsknappen och pausa den i några minuter. Återuppta sedan videon. På så sätt laddas den bättre med mindre buffring.

Videolista är en samling videor där du kan lägga till en beskrivning av videon och lägga till en länk eller knapp för att koppla samman videolistan med vilken annan sida som helst på webbplatsen eller vilken annan länk som helst.

Ett avsnitt kan läggas till på en sida. Du kan antingen lägga till ett avsnitt på en redan befintlig sida eller skapa en ny sida på din webbplats.
På din sida, Klicka på blå + ikon att lägga till en Nytt avsnitt till din sida.

Du kommer nu att se sektionskategorier på vänstra sidan.
Klicka på Lista (1) flik och Videolista (2).
Nu ska du se olika layouter av Video List Sektion (3).

Välj valfri sektionslayout och klicka på den för att lägga till den på din sida.

3. Lägg till och redigera listobjekt

När du har lagt till avsnittet

Klicka på Redigera videolista (1) för att öppna panelen med listobjekt.

Klicka på Lägg till artikel (2) för att lägga till ett nytt listobjekt.
Du kommer att ha möjlighet att Duplicera och ta bort (3) listobjekten.

Klicka på listobjektet som du vill redigera. Det kommer att öppna de särskilda redigeringsalternativen för listobjekt.

Lägg till din Youtube/Vimeo-videolänk (1).

Notera:

För att lägga till en video på din Pixpa-webbplats måste du ladda upp din video till Youtube eller Vimeo och ange URL:en här.

Ställ in videon så att den spelas upp i en lightbox eller endast på sidan (2).

Ladda upp en bild (3) för listpunkten.

Lägg till Titel (4), Undertext (5)och Beskrivning (6) i listpunkten. Du kanske inte hittar alternativet undertext och beskrivning i vissa listobjekt beroende på vilken layout du väljer.

Klicka på Link Builder-ikonen för Titellänk (7) för att öppna länkbyggaren för att länka listobjektets titel till valfri sida.
Ställ in länken så att den öppnas i en ny flik eller i samma flik (8).
Lägg till vilken typ av Länk (9) till listobjektet. Du kan lägga till en knapp/bildlänk/social ikon/textlänk. LÄR DIG MER.
Save (10) dina ändringar.

4. Sekvenslista

Du kan enkelt dra och släppa listobjekten för att ändra ordningsföljden.

5. Ta bort ett listobjekt

När du har lagt till ett listobjekt kan du redigera det och ta bort det.

Klicka på Radera ikonen bredvid videolistan.
Klicka på Radera knappen i popup-fönstret för bekräftelse.
Save dina förändringar.

Anmärkningar

Listobjekt när det en gång har tagits bort kan inte återställas.

6. Sektionslayout

Klicka på Hantera objekt för att öppna redigeringspanelen för videolistan.
Välj Layout fliken.
Välj layout för din sektion och spara dina ändringar.

7. Style ditt avsnitt

Klicka på Hantera (1) för att öppna redigeringspanelen för videolistan.
Välj Stil (2) alternativ.
Ändra stilen för sektionselementen och Spara (3) dina förändringar.

Du kommer att ha flera stilalternativ för avsnittet:

Stilalternativ
Textstil
Hover färger

Stilalternativ

objekt

Välj att Visa objekt in rader och kolumner or Karusellen
- Om du har valt rader och kolumner alternativ kommer listobjekten att ordnas i rader och kolumner. I det här fallet måste du ange antalet rader och kolumner.
- Om du har valt Karusellen alternativ kommer listobjekten att presenteras som ett bildspel. Veta mer.
Ställ in antal kolumner för videolistan. Du kan välja mellan 1 till 10 kolumner.
ange Mellanrum mellan kolumner av listobjekten.
Välj Innehållsordning dvs bilderna av listobjekten som ska visas först eller tillhörande text.
Justera innehållet i videolistan. Du kan ställa in dem att vara vänster-, höger- eller mittjusterade.
Välj att loopa karusellen eller inte.
I fallet med karusellen, välj Navigationskontroller. Du kan välja mellan Inga kontroller, Pilar – Nedre mitten/Upptill höger/Nedre höger, Chevron eller Prickar.

Bilder

Välj bildskörd för listobjekten. Du kan ställa in bilderna som fyrkantig, cirkel, liggande, stående och dynamisk.
Välj att ha en gemensam hörnradie eller annan hörnradie för varje sida av listobjekten och ange ett nummer (i px) för hörnradie av listobjektets bilder. Veta mer.

Tips

Använda hörnradie kan du skapa olika former av listobjektbilder. Om du anger 500 px här, kommer bilderna att visas i en cirkelform.

Om du har valt delade hörn kan du ställa in olika hörnradier för varje hörn.

På Bildhover

Välj Bild Hover Color att vara accentfärg eller att vara specificerade. Om du har valt accentfärg, ange sedan opacitet.
Om du har valt ange färg alternativet ställ sedan in Basens svävarfärg och opacitet för listobjekten.
Ställ in Elements färg för sektionens listobjekt.
Välj att animera listobjektets bilder vid muspekaren genom att klicka på Ja. Kontrollera den här funktionen på en livesida.

Storlek & Utrymme

ange bild~~POS=TRUNC för listobjekt.
ange Innehållsbredd för listobjekten.
ange Utrymme under avsnittsrubrik i px.
ange Utrymme under bilder av listposterna (i %).
ange Utrymme under titlarna av listposterna (i %).
ange Mellanslag under undertexterna av listposterna (i %).

text

Klicka på Ändra textstil knappen för att besöka Designa avsnitt och hantera dina teckenstorlekar och stilar.
Ställ in Titel teckensnittsstil för listobjekten i avsnittet.
Ställ in Texta teckensnittsstil för listobjekten i avsnittet.
Ställ in standard Beskrivning teckensnittsstil för listobjekten i avsnittet.

Kort

Se hur att hantera kort.

skugga

Visa – Välj att visa skuggan bakom listobjekten alltid eller endast när du håller muspekaren.
Stil – Välj bland befintliga förinställningar eller skapa en anpassad skugga.
Om du har valt alternativet Anpassat, besök detta Box Shadow Generator för att skapa en anpassad skugga. Slutligen, kopiera och klistra in box skugga CSS.

Om du har valt förinställningsalternativet, då Välj Shadow Styles från rullgardinsmenyn.

Knappar och länkar

Se hur för att hantera utformningen av knappar och länkar.

8. Lägg till musiksektion

På din sida, Klicka på blå + ikon att lägga till en Nytt avsnitt till din sida.

Du kommer nu att se sektionskategorier på vänstra sidan.
Scrolla ner och välj Video- och musikavsnitt (1) alternativ där du kan välja mellan de olika layouterna.

Välj valfri sektionslayout (2) och klicka på den för att lägga till den på din sida.

9. Lägg till Soundcloud Music

Klicka på Soundcloud-miniatyren.
Detta kommer att aktivera knappen Bädda in, klicka på den.
Du kan lägga till din SoundCloud-inbäddningskod i inbäddningsrutan.
Klicka på Spara.
Det är allt! Din SoundCloud-musik har lagts till.

Se i aktion:

10. Hela kortet och textkortet

När du slår på Fullständigt/textkort över din videolista kommer listobjekten att ha en kontur och bakgrund med kortfärgen som du har valt i Designa sektion.
Se även: Webbplatsens färger och mellanrum.

Fullständigt kort

När alternativet för fullständigt kort är valt, tillämpas kortfärgen på hela kortet, dvs. videominiatyren och texten med den.

Ta en titt:

Text kort

När alternativet textkort är valt, tillämpas kortfärgen endast på texten som finns med videominiatyren.

Ta en titt:

Hittar du inte det du letar efter?

Ta kontakt med en Pixpa-expert.

Kontakta oss