Personalizzare le icone della barra social

È possibile creare icone social personalizzate da utilizzare nella barra social nel sito predefinito di un tema.

Le icone social visualizzate nella barra social in un sito dipendono dalla progettazione del tema del sito. Se si modifica il tema di un sito, le icone social cambiano con il tema. Le icone social comuni sono incluse con i temi di Oracle Content Management per Facebook, Twitter, LinkedIn, Google+ e YouTube.

Per aggiungere icone social personalizzate al componente Icona social è possibile modificare opportunamente i file design.json e design.css.

File design.json

Nel file design.json è possibile specificare nuove icone utilizzando la struttura nome e classe, come mostrato in questo codice di esempio:

"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"
            }
        ]
    }

File design.css

Nel file design.css è possibile aggiungere nuove icone utilizzando il nome e la specifica url, come mostrato in questo codice di esempio:

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