Utilisez la section Médias et applications pour ajouter du contenu externe à votre site comme un tableau Pinterest, YouTube, Tumblr, Spotify, Vimeo, etc.
Avant de commencer
Les blocs d'intégration extraient le contenu des services qui utilisent la norme Embed ou définissent manuellement les codes d'intégration.
Dans cet article :
- Qu'est-ce qu'une section Médias et applications ?
- Ajout de la section Médias et applications à 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
1. La section Médias et applications
- Vous pouvez facilement inclure une section Médias et applications sur votre site Web où vous pouvez présenter le tableau Pinterest, Youtube, Tumblr, Issuu, Spotify, SlideShare, Wlista, Vimeo, Soundcloud, Dribble, Facebook, Bandcamp, Flickr, les publications Instagram, Giphy, Twitch et tout code intégré personnalisé.
2. Ajouter une section Médias et applications
- Pour ajouter une section, vous devez ajouter une page à votre site Web d'abord.
- 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.
- Choisissez le Réseaux sociaux et intégrations (1) catégorie et cliquez sur le Intègre onglet (2) où vous pouvez choisir différentes mises en page du système Intègre (3) partie.
Choisissez n'importe quelle disposition de section (2) et cliquez dessus pour l'ajouter à votre page.
3. Ajouter et modifier des éléments de liste
Ajouter un élément de liste
Une fois que vous avez ajouté la section :
- Cliquez sur le Gérer la section Intégrer (1) pour ouvrir le panneau des éléments de la liste.
- Cliquez sur le Ajouter un article (2) bouton pour ajouter un nouvel élément de liste.
Modifier l'élément de la liste
- Cela ouvrira les options d’édition des éléments de la liste.
- Ajoutez une URL (1) ou ajoutez un code d’intégration (2) pour l’élément de liste.
- Si vous sélectionnez l'option Ajouter un lien, vous pouvez ajouter votre lien ici (3), titre (4), sous-titre (5), description (6) et ajouter le type de Lien (7) à l'élément de liste. Vous pouvez ajouter un bouton, un lien image, une icône sociale ou un lien texte. Apprendre encore plus.
- Si vous sélectionnez l'option Ajouter un code d'intégration, vous pouvez ajouter votre code intégré ici (3), titre (4), sous-titre (5), description 6) et ajouter un type de Lien (7) à l'élément de la liste.
4. Éléments de la liste de 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 également le supprimer.
- Cliquez sur le Supprimer icône à côté de l'élément de la liste d'intégration.
- Cliquez sur le Supprimer bouton dans la fenêtre de confirmation.
- Enregistrer vos changements.
6. Disposition des sections
- Cliquez sur le Modifier la section d'intégration (1) bouton pour ouvrir le panneau d'édition de la liste.
- Choisissez le Mise En Page (2) onglet.
- Sélectionnez la mise en page de votre section et enregistrez votre changements (3).
7. Stylisez votre section
- Cliquez sur le Modifier la section d'intégration (1) bouton pour ouvrir le panneau d'édition.
- Choisissez le Style (2) languette.
- Modifiez le style des éléments de section et Enregistrer (3) vos changements.
Vous aurez plusieurs options de style pour la section :
- Options des articles
- Options de taille de texte
- Options d'espacement
- Titre de la section
- Incorporer le recadrage
- Masque de forme
- Options de cartes
- Options d'ombre
- Boutons et liens
Options des 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.
- Mettez le Le nombre de colonnes Pour la liste d'intégration, vous pouvez choisir entre 1 et 10 colonnes.
- Spécifie le Espace entre les colonnes des éléments de la liste.
- Spécifie le Espace entre les lignes des éléments de la liste.
- Choisissez le Ordre du contenu c'est-à-dire si la partie incorporée des éléments de la liste doit être affichée en premier ou le texte associé.
- Aligner le contenu horizontalement dans la liste d'images. Vous pouvez les régler pour qu'ils soient alignés à gauche, à droite ou au centre.
Options de taille de texte
- Cliquez sur le Modifier le style de texte bouton pour visiter le Design section et gérer vos tailles et styles de police.
- Mettez le Objet style de police pour les éléments de la liste.
- Mettez le Sous-titre style de police pour les éléments de la liste.
- Définir la valeur par défaut Description style de police pour les éléments de la liste.
Options d'espacement
- Spécifie le Largeur d'intégration pour les éléments de la liste (en %).
- Spécifie le Largeur du contenu pour les éléments de la liste (en %).
- Spécifie le Espace sous le titre de la section (en px).
- Spécifie le Espace sous la partie intégrée (dans %).
- Spécifie le Espace sous les titres des éléments de la liste (en %).
- Spécifie le Espace sous le sous-titre des éléments de la liste (en %).
Titre de la section
- Aligner horizontalement le texte du titre de la section. Vous pouvez le définir à gauche, au centre et à droite.
- Activer/désactiver le Cloison entre le titre de la section et le contenu de la section.
- Mettez le épaisseur du diviseur (en px).
- Spécifie le Couleur du séparateur du sélecteur de couleurs.
- Choisissez un préféré Style de séparation.
Incorporer le recadrage
- Choisissez Incorporer le recadrageVous pouvez le définir comme 1:1 Carré, 2:1 Horizontal, 3:2 Horizontal, 4:3, 3:4, 16:9, 2.4:1 et Recadrage d'intégration d'origine.
Masque de forme
- Masque de forme : Activez cette option pour appliquer un masque de forme à l'image dans la section « Incorporer ». Une fois activée, la forme sélectionnée s'adaptera visuellement à l'image.
- Sélectionnez la forme : Choisissez parmi différentes formes prédéfinies à appliquer à votre image. Cela vous permet de styliser votre contenu de manière créative en affichant l'image sous une forme unique, comme arrondie, en losange, en goutte, etc.
Remarques
- L'option Masque de forme dépend de la disposition – Il peut ne pas apparaître dans les mises en page où du texte comme un titre ou un sous-titre est affiché sur l'image.
- Le paramètre Stretch dépend de plusieurs facteurs – y compris les paramètres de taille d’image, d’alignement et de recadrage définis sous l’onglet Style.
- Si le recadrage de l'image est défini sur Original, les dimensions réelles de l'image détermineront si elle sera étirée verticalement ou horizontalement.
Options de cartes
- L'entreprise pour gérer les cartes.
Options d'ombre
- Écran – 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.
- Enregistrer les changements.
