Le bloc Profils sociaux vous permet d'afficher une rangée d'icônes de médias sociaux liées sur n'importe quelle page SeedProd. Chaque icône renvoie directement à votre profil sur une plateforme prise en charge, offrant aux visiteurs un moyen rapide de vous suivre ou de se connecter avec vous sur le Web. Le bloc est livré avec 12 modèles de style prédéfinis et prend en charge plus de 20 plateformes, notamment Facebook, X (Twitter), Instagram, LinkedIn, YouTube, TikTok, Pinterest, Discord, WhatsApp, et plus encore.
Au-delà des modèles prêts à l'emploi, vous avez un contrôle total sur le style des icônes, la taille, la couleur, l'espacement et le rayon des bordures. Chaque entrée de profil social peut être réorganisée par glisser-déposer, dupliquée ou supprimée indépendamment, ce qui facilite la maintenance des plateformes que vous souhaitez mettre en avant. Une option Personnalisé vous permet également d'ajouter n'importe quelle icône de la bibliothèque d'icônes de SeedProd avec sa propre couleur et URL pour les plateformes qui ne figurent pas dans la liste intégrée.
Ajouter le bloc Profils sociaux à vos pages
Suivez ces étapes pour ajouter un bloc Profils sociaux à votre page SeedProd :
Étape 1 : Ajouter le bloc
Sous Conception > Blocs, faites glisser et déposez le bloc Profils sociaux dans la section souhaitée de votre page.
Étape 2 : Configurer les paramètres de contenu
Une fois ajouté, cliquez sur le bloc Profils sociaux pour ouvrir ses paramètres. Dans l'onglet Contenu, la section Icône vous permet de gérer votre liste de profils sociaux et de configurer les options d'affichage.
Gestion des profils sociaux :
- Type de profil : Utilisez le menu déroulant à côté de chaque entrée pour sélectionner la plateforme sociale. Les plateformes prises en charge incluent Discord, Email, Facebook, Facebook Messenger, GitHub, IMDb, Instagram, LinkedIn, Medium, Phone, Pinterest, RSS, Slack, Snapchat, SoundCloud, Telegram, TikTok, X (Twitter), Vimeo, Weibo, WhatsApp, WordPress, YouTube et Personnalisé.
- URL : Cliquez sur l'icône d'engrenage des paramètres de n'importe quelle entrée pour développer son champ d'URL. Entrez le lien complet vers votre page de profil (incluez
https://). Pour les entrées Email, entrez votre adresse e-mail. Pour les entrées Personnalisé, vous pouvez également choisir n'importe quelle icône de la bibliothèque d'icônes et définir une couleur personnalisée. - Réorganiser : Faites glisser les entrées vers le haut ou vers le bas à l'aide de la poignée de glissement (icône de flèches) pour modifier l'ordre d'affichage des icônes.
- Dupliquer / Supprimer : Survolez toute entrée pour faire apparaître les boutons Dupliquer et Supprimer pour une gestion rapide.
- Ajouter un nouveau partage : Cliquez sur le bouton + Ajouter un nouveau partage en bas de la liste pour ajouter une autre entrée de profil social.
Options d'affichage :
- Style : Choisissez entre Défaut (icône seule, pas d'arrière-plan) et Empilé (icône sur un carré d'arrière-plan coloré).
- Taille : Définissez la taille globale de l'icône — Petite, Moyenne ou Grande.
- Alignement : Définissez l'alignement horizontal de la rangée d'icônes — Gauche, Centre ou Droite. Prend en charge l'alignement par appareil pour ordinateur, tablette et mobile.
Étape 2a : Choisir un style de modèle
Dans l'onglet Templates, vous pouvez appliquer un style d'icône prédéfini à votre bloc de profils sociaux en un seul clic. Il existe 12 modèles de style disponibles, allant des icônes carrées plates aux variations arrondies, en forme de pilule et à thème sombre. La sélection d'un modèle met instantanément à jour le style d'icône, la taille, le rayon du bord et les paramètres de couleur du bloc pour correspondre au design choisi.
Étape 3 : Personnaliser le design
Dans l'onglet Avancé, vous pouvez affiner l'apparence visuelle de votre bloc de profils sociaux.
Styles :
- Style : Basculez entre les styles d'icônes Défaut et Empilé (identique au réglage de l'onglet Contenu).
- Couleur de l'icône : Définissez une couleur unique appliquée à toutes les icônes du bloc, remplaçant la couleur de marque par défaut de chaque plateforme.
- Taille de l'icône : Affinez la taille de l'icône en pixels à l'aide du curseur (0–100px).
- Rayon du bord : Lorsque vous utilisez le style Empilé, ajustez le rayon des coins des carrés d'arrière-plan des icônes pour créer des formes carrées, arrondies ou entièrement circulaires (0–100px).
- Espacement de l'icône : Lorsque vous utilisez le style Empilé, contrôlez l'espacement entre l'icône et le bord de son conteneur d'arrière-plan (0–100px).
- Espace entre : Définissez l'écart horizontal entre chaque icône de la rangée (0–100px).
- Ombre : Ajoutez un effet d'ombre aux éléments d'icône. Choisissez parmi des tailles prédéfinies — Aucune, Cheveux fins, Petite, Moyenne, Grande, Très grande et 2x grande.
Espacement :
- Marge : Contrôlez l'espacement extérieur autour de votre bloc de profils sociaux (Haut, Droite, Bas, Gauche). Prend en charge les valeurs par appareil pour ordinateur, tablette et mobile.
- Remblai : Ajustez l'espacement intérieur de votre bloc de profils sociaux (Haut, Droite, Bas, Gauche). Prend en charge les valeurs par appareil pour ordinateur, tablette et mobile.
Attributs :
- ID CSS : Affiche l'identifiant unique généré automatiquement pour votre bloc de profils sociaux. Cet ID est créé automatiquement par SeedProd et peut être utilisé pour un style personnalisé ou un ciblage JavaScript.
- Classe personnalisée : Ajoutez des classes CSS personnalisées pour appliquer des styles spécifiques de votre thème ou de votre CSS personnalisé.
- Attributs personnalisés : Ajoutez tous les attributs HTML à l'élément wrapper du bloc. Entrez chaque attribut sur une nouvelle ligne en utilisant le format : nom-attribut|valeur (par exemple, data-section|social).
Visibilité de l'appareil :
- Masquer sur ordinateur : Masquez le bloc de profils sociaux sur les écrans d'ordinateur.
- Masquer sur tablette : Masquez le bloc de profils sociaux sur les appareils tablettes.
- Masquer sur mobile : Masquez le bloc de profils sociaux sur les appareils mobiles.
Effets d'animation :
- Animation d'entrée : Choisissez parmi divers effets d'animation qui se jouent lorsque le bloc de profils sociaux défile dans la vue. Les options incluent Rebond, Fondu, Zoom avant, Rotation avant, et bien d'autres.
Étape 4 : Enregistrez vos modifications
Une fois que vous avez terminé de configurer le bloc de profils sociaux et de personnaliser son apparence, assurez-vous de sauvegarder votre travail.
Vous avez ajouté avec succès un bloc de Profils Sociaux à votre page ! Avec la prise en charge de plus de 20 plateformes, 12 modèles de style prêts à l'emploi et un contrôle total sur la taille des icônes, la couleur, l'espacement et le rayon des bordures, ce bloc facilite la création d'une bande de médias sociaux professionnelle qui s'adapte à n'importe quel design. Expérimentez avec les styles par défaut et empilés, explorez les préréglages de modèles et utilisez le réorganisation par glisser-déposer pour organiser vos profils exactement comme vous le souhaitez.