Personalización de iconos de la barra social

Puede crear iconos sociales personalizados para utilizarlos en la barra social del sitio por defecto de un tema.

Los iconos sociales que aparecen en la barra social de un sitio están determinados por el diseño del tema del sitio. Si cambia el tema de un sitio, los iconos sociales cambiarán con el tema. Se incluyen iconos sociales comunes con los temas de Oracle Content Management para Facebook, Twitter, LinkedIn, Google+ y YouTube.

Puede agregar iconos sociales personalizados al componente de icono social editando los archivos design.json y design.css.

Archivo design.json

En el archivo design.json, puede especificar nuevos iconos utilizando el nombre y la estructura de clases como se muestra en este ejemplo:

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

Archivo design.css

En el archivo design.css, puede agregar nuevos iconos utilizando el nombre y la especificación url como se muestra en este ejemplo:

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