Personnalisation des icônes de barre Social

Vous pouvez créer des icônes Social personnalisées pour la barre Social du site par défaut d'un thème.

Les icônes Social qui apparaissent dans la barre Social d'un site sont déterminées par la conception du thème du site. Si vous modifiez le thème d'un site, les icônes Social sont également modifiées. Les icônes de réseau social courantes sont incluses dans les thèmes Oracle Content Management pour Facebook, Twitter, LinkedIn, Google+ et YouTube.

Pour ajouter des icônes Social personnalisées au composant d'icône Social, modifiez les fichiers design.json et design.css.

Fichier design.json

Dans le fichier design.json, vous pouvez indiquer de nouvelles icônes à l'aide du nom et de la structure de classe, comme illustré dans cet exemple de code :

"componenticons": {
    "scs-socialbar" {
        "icons": [
            {
                "name": "COMP_ICON_FACEBOOK",
                "class": "scs-facebook-icon"
            },
            {
                "name": "COMP_ICON_LINKEDIN",
                "class": "scs-linkedin-icon"
            },

            {   "name": "COMP_ICON_TWITTER",
                "class": "scs-twitter-icon"
            },
            {
                "name": "COMP_ICON_GOOGLEPLUS",
                "class": "scs-googleplus-icon"
            },
            {
                "name": "COMP_ICON_YOUTUBE",
                "class" "scs-youtube-icon"
            }
        ]
    }

Fichier design.css

Dans le fichier design.css, vous pouvez ajouter de nouvelles icônes à l'aide du nom et de l'élément url, comme illustré dans cet exemple de code :

.scs-facebook-icon {
  background-image: url("facebook.png"); }
.scs-twitter-icon {
  background-image: url("twitter.png"); }
.scs-linkedin-icon {
  background-image: url("linkedin.png"); }