Personalizar os Ícones da Barra Social

Você pode criar ícones sociais personalizados para uso na barra social no site padrão de um tema.

Os ícones sociais que aparecem na barra social de um site são determinados pelo design do tema do site. Se você alterar o tema de um site, os ícones sociais serão alterados com o tema. Foram incluídos ícones sociais comuns nos temas do Oracle Content Management para Facebook, Twitter, LinkedIn, Google+ e YouTube.

Você pode adicionar ícones sociais personalizados ao componente de ícone social editando os arquivos design.json e design.css.

Arquivo design.json

No arquivo design.json, você pode especificar novos ícones usando o nome e a estrutura de classe, conforme este código de amostra:

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

Arquivo design.css

No arquivo design.css, você pode adicionar novos ícones usando o nome e a especificação url, conforme este código de amostra:

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