Pictogrammen van sociale balk aanpassen

U kunt aangepaste sociale pictogrammen maken voor gebruik in de sociale balk op de standaardsite van een thema.

Sociale pictogrammen die in de sociale balk op een site worden weergegeven, worden bepaald door het ontwerp van het thema van de site. Als u het thema voor een site wijzigt, worden de sociale pictogrammen ook gewijzigd. Algemene sociale pictogrammen worden meegeleverd bij Oracle Content Management thema's voor Facebook, Twitter, LinkedIn, Google+ en YouTube.

U kunt aangepaste sociale pictogrammen toevoegen aan de component voor sociale pictogrammen door de bestanden design.json en design.css te wijzigen.

Bestand design.json

In het bestand design.json kunt u nieuwe pictogrammen opgeven aan de hand van de naam en de klassenstructuur zoals in de onderstaande voorbeeldcode wordt getoond:

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

Bestand design.css

In het bestand design.css kunt u nieuwe pictogrammen toevoegen door de naam en de url op te geven zoals in de onderstaande voorbeeldcode wordt getoond:

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