Personalizarea pictogramelor barei sociale

În site-ul prestabilit al unei teme puteţi crea pictograme de socializare personalizate pe care să le utilizaţi în bara socială.

Pictogramele de socializare care apar în bara de socializare a unui site depind de designul temei site-ului. Dacă schimbaţi tema pentru un site, pictogramele de socializare se vor schimba odată cu aceasta. Oracle Content Management include pictograme de socializare uzuale pentru Facebook, Twitter, LinkedIn, Google+ şi YouTube.

Puteţi adăuga pictograme de socializare personalizate la componenta pentru pictograme de socializare, editând fişierele design.json şi design.css.

Fişierul design.json

În fişierul design.json puteţi specifica pictograme noi utilizând numele şi structura de clase ilustrate în exemplul de cod:

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

Fişierul design.css

În fişierul design.css puteţi adăuga noi pictograme utilizând numele şi specificaţia url, după cum se ilustrează în exemplul de cod:

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