Anpassa ikoner för socialfält

Du kan skapa anpassade sociala ikoner att använda i socialfältet på ett temas standardwebbplats.

Sociala ikoner som visas i socialfältet på en webbplats fastställs av webbplatstemats design. Om du ändrar temat för en webbplats ändras de sociala ikonerna tillsammans med temat. Vanliga sociala ikoner inkluderas i teman i Oracle Content Management för Facebook, Twitter, LinkedIn, Google+ och YouTube.

Du kan lägga till anpassade sociala ikoner i socialikonkomponenten genom att redigera filerna design.json och design.css.

Filen design.json

I filen design.json kan du ange nya ikoner, med hjälp av den namn- och klasstruktur som visas i följande exempelkod:

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

Filen design.css

I filen design.css kan du lägga till nya ikoner med hjälp av namn- och url-specifikationerna som visas i följande exempelkod:

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