Ajoutez une section de liste de vidéos sur une page pour ajouter facilement vos vidéos YouTube/Vimeo qui seront lues sur la page. C’est un excellent moyen de fidéliser les visiteurs de votre site Web.
Pixpa prend en charge l'intégration de vidéos de YouTube ou Vimeo. Vous ne pouvez pas télécharger directement une vidéo sur votre site Web. En dehors de cette section, vous pouvez également ajouter vos vidéos à Gallerie ou Banner.
Pixpa vous permet de partager votre profil YouTube ou Vimeo dans le Liens sociaux. Vous pouvez également ajouter vos fichiers musicaux hébergés sur Soundcloud dans la section Musique.
Points à noter:
- Vous pouvez masquer vos vidéos au public (sur YouTube ou Vimeo) et utiliser l'URL ici pour les afficher sur votre site Web.
- Vous pouvez télécharger un fichier .gif partout où les vidéos sont prises en charge.
- Si la vidéo que vous avez ajoutée se charge beaucoup, cliquez sur le bouton de lecture et mettez-la en pause pendant quelques minutes. Ensuite, reprenez la vidéo. De cette façon, il se charge mieux avec moins de mémoire tampon.
Dans cet article :
- Qu'est-ce qu'une liste de vidéos ?
- Ajout d'une section Liste de vidéos à la page
- Ajouter et modifier des éléments de liste
- Éléments de la liste de séquencement
- Suppression d'éléments de la liste
- Modification de la disposition des sections
- Options de style
- Ajouter une section Musique
- Ajouter de la musique Soundcloud
- La carte complète et la carte texte
1. Liste de vidéos
La liste de vidéos est une collection de vidéos où vous pouvez ajouter une description de la vidéo et ajouter un lien ou un bouton pour connecter la liste de vidéos à n'importe quelle autre page du site Web ou à tout autre lien.
2. Ajouter une section de liste de vidéos
- Une section peut être ajoutée à une page. Vous pouvez soit ajouter une section à une page déjà existante, soit créer une nouvelle page au sein de votre site Web.
- Sur ta page, Cliquez sur le bleu + icône ajouter un Nouvelle section à votre page.
- Vous verrez maintenant le catégories de rubriques sur le côté gauche.
- Cliquez sur le Liste (1) onglet et Liste de vidéo (2).
- Maintenant, vous verrez différentes mises en page des Section Liste des vidéos (3).
- Choisissez n'importe quelle disposition de section et cliquez dessus pour l'ajouter à votre page.
3. Ajouter et modifier des éléments de liste
Ajouter un élément de liste de vidéos
Une fois que vous avez ajouté la section
- Cliquez sur le Modifier la liste des vidéos (1) pour ouvrir le panneau des éléments de liste.
- Cliquez sur le Ajouter un item (2) bouton pour ajouter un nouvel élément de liste.
- Vous aurez l'option de Dupliquer et supprimer (3) les éléments de la liste.
Modifier l'élément de la liste de vidéos
Cliquez sur l'élément de liste que vous souhaitez modifier. Il ouvrira les options d'édition d'éléments de liste particuliers.
- Ajouter votre lien vidéo Youtube/Vimeo (1).
Pour ajouter une vidéo à votre site Web Pixpa, vous devez télécharger votre vidéo sur Youtube ou Vimeo et entrer l'URL ici.
- Réglez la vidéo pour qu'elle soit lue dans un lightbox ou sur la page uniquement (2).
- Télécharger une image (3) pour l'élément de liste.
- Ajouter un Titre (4), Sous-titre (5), et Description (6) de l'élément de liste. Vous ne trouverez peut-être pas l'option de sous-titre et de description dans des éléments de liste particuliers en fonction de la mise en page que vous choisissez.
- Cliquez sur l'icône Link Builder du Lien du titre (7) pour ouvrir le générateur de liens pour lier le titre de l'élément de liste à n'importe quelle page.
- Définissez le lien pour qu'il s'ouvre dans un nouvel onglet ou dans le même onglet (8).
- Ajoutez n'importe quel type de Lien (9) à l'élément de liste. Vous pouvez ajouter un bouton/lien image/icône sociale/lien texte. Apprendre encore plus.
- Épargnez (10) vos modifications.
Voir la modification d'un élément de liste de vidéos en action :
4. Éléments de la liste des séquences
- Vous pouvez facilement faire glisser et déposer les éléments de la liste pour modifier la séquence.
5. Supprimer un élément de la liste
Une fois que vous avez ajouté un élément de liste, vous pouvez le modifier et le supprimer.
- Cliquez sur le Supprimer à côté de l'élément de la liste des vidéos.
- Cliquez sur le Supprimer bouton dans la fenêtre de confirmation.
- Épargnez vos changements.
L'élément de liste une fois supprimé ne peut pas être récupéré.
6. Disposition des sections
- Cliquez sur le Gérer les articles pour ouvrir le panneau d'édition de la liste de vidéos.
- Choisissez le Disposition languette.
- Sélectionnez la mise en page de votre section et enregistrez vos modifications.
7. Donnez du style à votre section
- Cliquez sur le Gérer (1) pour ouvrir le panneau d'édition de la liste de vidéos.
- Choisissez le Style (2) option.
- Modifiez le style des éléments de section et Enregistrer (3) vos changements.
Vous aurez plusieurs options de style pour la section :
Options de style
Articles
- Choisissez d' Afficher les éléments in lignes et colonnes or carrousel
- Si vous avez choisi le lignes et colonnes option, les éléments de la liste seront disposés en lignes et en colonnes. Dans ce cas, vous devez spécifier le nombre de lignes et de colonnes.
- Si vous avez choisi le carrousel option, les éléments de la liste seront présentés sous forme de diaporama. En savoir plus.
- Met le le nombre de colonnes pour la liste des vidéos. Vous pouvez choisir de 1 à 10 colonnes.
- Spécifie le Espace entre les colonnes des éléments de la liste.
- Choisissez le Ordre du contenu c'est-à-dire les images des éléments de la liste à afficher en premier ou le texte associé.
- Aligner le contenu dans la liste des vidéos. Vous pouvez les régler pour qu'ils soient alignés à gauche, à droite ou au centre.
- Choisissez de boucler le carrousel ou non.
- Dans le cas du carrousel, choisissez le Commandes de navigation. Vous pouvez choisir entre Aucune commande, Flèches – En bas au centre/En haut à droite/En bas à droite, Chevron ou Points.
Ajouter des images
- Choisissez le recadrage d'image pour les éléments de la liste. Vous pouvez définir les images sur Carré, Cercle, Paysage, Portrait et Dynamique.
- Choisissez d'avoir un rayon d'angle commun ou un rayon d'angle différent pour chaque côté des éléments de la liste et définissez un nombre (en px) pour le rayon de coin des images des éléments de la liste. En savoir plus.
Conseil
Le rayon de coin , vous pouvez créer différentes formes d'images d'éléments de liste. Si vous spécifiez 500 px ici, les images s'afficheront en forme de cercle.
- Si vous avez choisi des coins divisés, vous pouvez définir des rayons de coin différents pour chaque coin.
Au survol de l'image
- Choisissez le Couleur de survol de l'image à l' couleur d'accentuation ou être spécifié. Si vous avez choisi le couleur d'accentuation, puis spécifiez le opacité.
- Si vous avez choisi le spécifier la couleur puis définissez l'option Couleur et opacité du survol de base pour les éléments de la liste.
- Met le Éléments couleur pour les éléments de la liste de la section.
- Choisissez d' animer les images des éléments de la liste au survol en cliquant sur Oui. Vérifiez cette fonctionnalité sur une page en direct.
Taille et espace
- Spécifie le Largeur de l'image pour les éléments de la liste.
- Spécifie le Largeur du contenu pour les éléments de la liste.
- Spécifie le Espace sous le titre de la section en px.
- Spécifie le Espace sous les images des éléments de la liste (en %).
- Spécifie le Espace sous les titres des éléments de la liste (en %).
- Spécifie le Espace sous les sous-titres des éléments de la liste (en %).
Texte
- Cliquez sur le Modifier le style de texte bouton pour visiter le Conception section et gérer vos tailles et styles de police.
- Met le Titre style de police pour les éléments de liste de la section.
- Met le Sous-titre style de police pour les éléments de liste de la section.
- Définir la valeur par défaut Description style de police pour les éléments de liste de la section.
Cartes
- L'entreprise pour gérer les cartes.
Shadow
- Commande – Choisissez d'afficher toujours l'ombre derrière les éléments de la liste ou uniquement au survol.
- Style – Choisissez parmi les préréglages existants ou créez une ombre personnalisée.
Si vous avez choisi l'option personnalisée, visitez ce Générateur d'ombre de boîte pour créer une ombre personnalisée. Enfin, copiez et collez le boîte ombre CSS.
- Si vous avez choisi l'option de préréglages, alors Choisissez les styles d'ombre de la liste déroulante.
Boutons et liens
- L'entreprise pour gérer le style des boutons et des liens.
8. Ajouter une section de musique
- Sur ta page, Cliquez sur le bleu + icône ajouter un Nouvelle section à votre page.
- Vous verrez maintenant le catégories de rubriques sur le côté gauche.
- Faites défiler vers le bas et choisissez le Section vidéo et musique (1) option où vous pouvez choisir parmi les différentes mises en page.
- Choisissez n'importe quelle disposition de section (2) et cliquez dessus pour l'ajouter à votre page.
9. Ajouter de la musique Soundcloud
- Cliquez sur la vignette Soundcloud.
- Cela activera le bouton Intégrer, cliquez dessus.
- Vous pouvez ajouter votre code d'intégration SoundCloud dans la boîte d'intégration.
- Cliquez sur Enregistrer.
- C'est ça! Votre musique SoundCloud a été ajoutée.
Voir en action :
10. La carte complète et la carte texte
Lorsque vous allumez le Carte complète/texte sur votre liste de vidéos, les éléments de la liste auront un contour et un arrière-plan avec la couleur de la carte que vous avez sélectionnée dans le Conception .
Regarde aussi: Couleurs et espacement du site Web.
Carte complète
Lorsque l'option de carte complète est sélectionnée, la couleur de la carte est appliquée à l'ensemble de la carte, c'est-à-dire à la vignette de la vidéo et au texte qui l'accompagne.
Jetez un oeil:
Carte texte
Lorsque l'option de carte de texte est sélectionnée, la couleur de la carte est appliquée uniquement au texte présent avec la vignette vidéo.
Jetez un oeil:
