COS-General

Comment créer un module Suivez-moi personnalisé ?

Dernière mise à jour: July 6, 2017

Pour créer un module Suivez-moi personnalisé, vous devez commencer par réunir un certain nombre d'informations :

  • La liste des comptes de réseaux sociaux auxquels connecter le module
  • Les URL de chacun de ces comptes
  • Les icônes à utiliser pour chacun de ces comptes
  • La mise en page souhaitée pour vos icônes

Il existe un choix illimité d'icônes de réseaux sociaux. Je vous recommande donc de trouver un ensemble d'icônes au format .png, qui comprenne l'icône de chaque réseau social auquel vous souhaitez vous connecter. Vous pouvez procéder horizontalement ou verticalement.

Module Suivez-moi horizontal

Étape 1 :

Chargez vos fichiers d'icône personnalisés sur le gestionnaire de fichiers.

Étape 2 :

Accédez à Contenu > Gestionnaire de conception > Modifiez le modèle auquel vous souhaitez ajouter vos icônes de réseaux sociaux personnalisées > Ajoutez un nouveau module HTML personnalisé. Une fois configuré, vous pouvez Rendre le module global pour le réutiliser sur l'ensemble de votre site. Veuillez noter que les modules globaux ne peuvent pas être ajoutés à des groupes globaux.

Étape 3 :

Cliquez sur l'icône d'engrenage de votre module HTML personnalisé puis sur Modifier les options. Copiez et collez le code ci-dessous dans votre module HTML personnalisé pour chacun des réseaux auxquels vous souhaitez vous connecter, en remplaçant l'exemple de texte par les informations correspondantes. Pour charger l'URL du fichier contenant vos images de réseaux sociaux personnalisées sur le gestionnaire de fichiers, consultez cet article. Assurez-vous de conserver tous les guillemets (").

 
Alt Text to be displayed in event that the image doesn't load

Étape 4 :

Si vous souhaitez rendre votre module global, cliquez sur l'icône d'engrenage dans l'angle supérieur droit du module et sélectionnez l'option Rendre le module global.

Module Suivez-moi vertical

Étape 1 :

Chargez vos fichiers d'icône personnalisés sur le gestionnaire de fichiers.

Étape 2 :

Accédez à Contenu > Gestionnaire de conception > Modifiez le modèle auquel vous souhaitez ajouter vos icônes de réseaux sociaux personnalisées > Ajoutez un nouveau module HTML personnalisé. Une fois configuré, vous pouvez Rendre le module global pour le réutiliser sur l'ensemble de votre site. Veuillez noter que les modules globaux ne peuvent pas être ajoutés à des groupes globaux.

Étape 3 :

Cliquez sur l'icône d'engrenage de votre module HTML personnalisé puis sur Modifier les options. Copiez et collez le code ci-dessous dans le module pour créer une liste en vrac. Ajoutez des lignes pour chacun des réseaux sociaux auxquels vous souhaitez connecter le module, en remplaçant le texte d'exemple par les informations correspondantes. Pour charger l'URL du fichier contenant vos images de réseaux sociaux personnalisées sur le gestionnaire de fichiers, consultez cet article.

     
  • Alt Text to be displayed in event that the image doesn't load
  •  
  • Alt Text to be displayed in event that the image doesn't load
  •  
  • Alt Text to be displayed in event that the image doesn't load
  •  

Étape 4 :

Les icônes apparaîtront sous la forme d'une liste à points. Pour supprimer les points, ajoutez la classe follow-me aux déclarations CSS associées au module. Ensuite, dans le créateur de modèle, ajoutez la déclaration suivante au fichier css.

.follow-me ul{ list-style: none; }

Étape 5 :

Si vous souhaitez rendre votre module global, cliquez sur l'icône d'engrenage dans l'angle supérieur droit du module et sélectionnez l'option Rendre le module global.