Videolijstsectie

Voeg een videolijstsectie toe aan een pagina om eenvoudig uw YouTube/Vimeo-video's toe te voegen die op de pagina worden afgespeeld. Dit is een geweldige manier om bezoekers van uw website betrokken te houden.

Pixpa ondersteunt het insluiten van video's van YouTube of Vimeo. U kunt een video niet rechtstreeks naar uw website uploaden. Naast deze sectie kun je ook je video's toevoegen Gallery of Banner.

Met Pixpa kunt u uw YouTube- of Vimeo-profiel delen in de sociale links. U kunt uw muziekbestanden die op Soundcloud worden gehost ook toevoegen in het gedeelte Muziek.

Aandachtspunten:

  • U kunt uw video's verbergen voor het publiek (op YouTube of Vimeo) en de URL hier gebruiken om ze op uw website te tonen.
  • Overal waar video's worden ondersteund, kunt u een .gif-bestand uploaden.
  • Als de video die je hebt toegevoegd veel laadt, klik dan op de afspeelknop en pauzeer deze een paar minuten. Hervat vervolgens de video. Op deze manier laadt het beter met minder buffering.

In dit artikel:

  1. Wat is een videolijst?
  2. Een sectie Videolijst toevoegen aan de pagina
  3. Lijstitems toevoegen en bewerken
  4. Sequentie van lijstitems
  5. Lijstitems verwijderen
  6. Sectie-indeling wijzigen
  7. Stijlopties
  8. Voeg een muzieksectie toe
  9. Voeg Soundcloud-muziek toe
  10. De volle kaart en de tekstkaart

1. Videolijst

Videolijst is een verzameling video's waaraan u een beschrijving voor de video kunt toevoegen en een link of knop kunt toevoegen om de videolijst te verbinden met een andere pagina op de website of een andere link.


2. Voeg videolijstsectie toe

  • Aan een pagina kan een sectie worden toegevoegd. U kunt een sectie toevoegen aan een reeds bestaande pagina of maak een nieuwe pagina aan binnen uw website.
  • Op jouw pagina, Klik op de blauw + icoon om een ​​toe te voegen Nieuwe sectie naar uw pagina.

 

  • U ziet nu de sectie categorieën aan de linkerkant.
  • Klik op de Lijst (1) tabblad en Videolijst (2).
  • Nu, je zult zien verschillende indelingen van de Videolijstsectie (3).

  • Kies een sectielay-out en klik erop om deze aan uw pagina toe te voegen.

3. Lijstitems toevoegen en bewerken

Videolijstitem toevoegen

Nadat u de sectie hebt toegevoegd

  • Klik op de Videolijst bewerken (1) om het Lijstitempaneel te openen.

  • Klik op de Voeg item toe (2) knop om een ​​nieuw lijstitem toe te voegen.
  • U heeft de mogelijkheid om: Dupliceren en verwijderen (3) de lijstitems.


Videolijstitem bewerken

Klik op het lijstitem dat u wilt bewerken. Het opent de specifieke bewerkingsopties voor lijstitems.

  • Toevoegen uw YouTube/Vimeo-videolink (1).
Opmerking:

Om een ​​video aan uw Pixpa-website toe te voegen, moet u uw video uploaden naar Youtube of Vimeo en hier de URL invoeren. 

  • Stel de video in om af te spelen in een lightbox of alleen op de pagina (2).

  • Upload een afbeelding (3) voor het lijstitem.

  • Voeg een Titel (4), Ondertitel (5), en Beschrijving (6) van het lijstitem. Mogelijk vindt u de optie Ondertitel en Beschrijving niet in bepaalde lijstitems, afhankelijk van de lay-out die u kiest.

  • Klik op het Link Builder-pictogram van de Titellink (7) om de linkbuilder te openen om de titel van het lijstitem aan een willekeurige pagina te koppelen.
  • Stel de koppeling in om te openen in een nieuw tabblad of op hetzelfde tabblad (8).
  • Voeg elk type toe Link (9) naar het lijstitem. U kunt een knop/afbeeldingslink/sociaal pictogram/tekstlink toevoegen. Kom meer te weten.
  • Bespaar (10) uw wijzigingen.

 


Bekijk het bewerken van een videolijstitem in actie:


4. Sequentielijstitems

  • U kunt de lijstitems eenvoudig slepen en neerzetten om de volgorde te wijzigen.

5. Verwijder een lijstitem

Nadat u een lijstitem hebt toegevoegd, kunt u dit bewerken en verwijderen.

  • Klik op de Verwijder pictogram naast het item Videolijst.
  • Klik op de Verwijder knop in de bevestigingspop-up.
  • Bespaar uw wijzigingen.

Note

Lijstitem dat eenmaal is verwijderd, kan niet worden hersteld.


6. Sectie-indeling

  • Klik op de Items beheren om het bewerkingspaneel Videolijst te openen.
  • Kies de Layout Tab.
  • Selecteer de lay-out voor uw sectie en sla uw wijzigingen op.

7. Style je sectie

  • Klik op de Beheren (1) om het bewerkingspaneel Videolijst te openen.
  • Kies de Stijl (2) optie.
  • Wijzig de stijl voor de sectie-elementen en Opslaan (3) uw wijzigingen.


Je hebt meerdere stijlopties voor de sectie:

  1. Stijl opties 
  2. Tekststijl 
  3. Beweeg over kleuren

Stijl opties

Item 

  1. Kies voor Artikelen weergeven in rijen en kolommen or carrousel 
    • Als u de rijen en kolommen optie, worden de lijstitems gerangschikt in rijen en kolommen. In dit geval moet u het aantal rijen en kolommen opgeven.
    • Als u de carrousel optie, worden de lijstitems gepresenteerd als een diavoorstelling. Meer weten.
  2. Kies het aantal columns voor de videolijst. U kunt kiezen uit 1 tot 10 kolommen.
  3. Geef het Ruimte tussen kolommen van de lijstitems.
  4. Kies de Inhoud bestelling dwz de afbeeldingen van de lijstitems die als eerste moeten worden weergegeven of de bijbehorende tekst.
  5. richten de inhoud in de videolijst. U kunt instellen dat ze links, rechts of in het midden uitgelijnd zijn.
  6. Kies ervoor om de carrousel te herhalen of niet.
  7. Kies in het geval van de carrousel de Navigatiebediening. U kunt kiezen tussen Geen bedieningselementen, Pijlen - Middenonder/Rechtsboven/Rechtsonder, Chevron of Punten.

Afbeeldingen 

  1. Kies de afbeelding bijsnijden voor de lijstitems. U kunt de afbeeldingen instellen als Vierkant, Cirkel, Landschap, Portret en Dynamisch.
  2. Kies voor een gemeenschappelijke hoekradius of een andere hoekradius voor elke zijde van de lijstitems en stel een getal in (in px) voor de hoekradius van de lijstitemafbeeldingen. Meer weten.

Tip

De hoekradius veld, kunt u verschillende vormen van afbeeldingen van lijstitems maken. Als u hier 500 px opgeeft, worden de afbeeldingen in een cirkelvorm weergegeven.

  • Als u gekozen heeft voor gesplitste hoeken, kunt u voor elke hoek verschillende hoekstralen instellen.

Op afbeelding zweven 

  1. Kies de Afbeelding zwevende kleur om de ... te zijn accent kleur of te zijn gespecificeerd. Als je hebt gekozen voor de accent kleuren specificeer vervolgens het ondoorzichtigheid.
  2. Als u de kleur opgeven optie en stel vervolgens de Basis zweefkleur en dekking voor de lijstitems.
  3. Kies het Elementen kleur voor de lijstitems van de sectie.
  4. Kies voor animeer de afbeeldingen van het lijstitem zweven door op Ja te klikken. Bekijk deze functie op een live pagina.

Grootte & ruimte 

  1. Geef het Breedte afbeelding voor lijstitems.
  2. Geef het Inhoudsbreedte voor de lijstitems.
  3. Geef het Ruimte onder sectiekop in px.
  4. Geef het Ruimte onder afbeeldingen van de lijstitems (in %).
  5. Geef het Ruimte onder de titels van de lijstitems (in %).
  6. Geef het Ruimte onder de ondertitels van de lijstitems (in %).

Tekst 

  1. Klik op de Tekststijl wijzigen knop om de Design sectie en beheer uw lettergroottes en -stijlen. 
  2. Kies het Titel letterstijl voor de lijstitems van de sectie.
  3. Kies het Subtitel letterstijl voor de lijstitems van de sectie.
  4. Stel de standaard in Omschrijving letterstijl voor de lijstitems van de sectie.

Kaarten 

  1. Zie hoe kaarten beheren.

Shadow 

  1. Display – Kies ervoor om de schaduw achter de lijstitems altijd weer te geven of alleen bij zweven.
  2. Style  - Kies uit bestaande voorinstellingen of maak een aangepaste schaduw.
    Als je de optie Aangepast hebt gekozen, ga dan naar deze Box schaduwgenerator om een ​​aangepaste schaduw te creëren. Kopieer en plak ten slotte het vak schaduw CSS.

  1. Als je de presets-optie hebt gekozen, dan Kies Schaduwstijlen in de vervolgkeuzelijst.

  1. Zie hoe om de styling van knoppen en links te beheren.


8. Muzieksectie toevoegen

  • Op jouw pagina, Klik op de blauw + icoon om een ​​toe te voegen Nieuwe sectie naar uw pagina.

  • U ziet nu de sectie categorieën aan de linkerkant.
  • Scroll naar beneden en kies de Video- en muzieksectie (1) optie waar u kunt kiezen uit de verschillende lay-outs.

  • Kies een sectie-indeling (2) en klik erop om deze aan uw pagina toe te voegen.

9. Voeg Soundcloud-muziek toe

  • Klik op de Soundcloud-thumbnail.
  • Hierdoor wordt de knop Insluiten ingeschakeld, klik erop.
  • U kunt uw SoundCloud-insluitcode toevoegen in het insluitvak.
  • Klik op Opslaan.
  • Dat is het! Je SoundCloud-muziek is toegevoegd.

Zie in actie:


10. De volle kaart en de tekstkaart

Wanneer u het Volledige/Tekstkaart over je videolijst, zullen de lijstitems een omtrek en achtergrond hebben met de kaartkleur die je hebt geselecteerd in de Design pagina.
Zie ook: Websitekleuren en spatiëring.

Volledige kaart

Wanneer de volledige kaartoptie is geselecteerd, wordt de kaartkleur toegepast op de hele kaart, dwz de videominiatuur en de bijbehorende tekst.

Even kijken: 

Tekst kaart

Wanneer de tekstkaartoptie is geselecteerd, wordt de kaartkleur alleen toegepast op de tekst die aanwezig is bij de videominiatuur.

Even kijken: 

Kun je iets niet vinden?

Neem contact op met een Pixpa Expert.