Dostosowywanie ikon paska społecznościowego

Można utworzyć niestandardowe ikony społecznościowe, które będą używane na pasku społecznościowym w domyślnym serwisie motywu.

Ikony społecznościowe, które są widoczne na pasku społecznościowym w serwisie, są określane przez projekt motywu serwisu. Jeśli motyw serwisu zostanie zmieniony, ikony społecznościowe zmienią się wraz z motywem. Wspólne ikony społecznościowe są zawarte w motywach Oracle Content Management dla następujących serwisów: Facebook, Twitter, LinkedIn, Google+ i YouTube.

Edytując pliki design.json i design.css, można dodać do składnika "ikony społecznościowe" niestandardowe ikony społecznościowe.

Plik design.json

Używając nazwy i struktury klasy, można w pliku design.json określić nowe ikony, jak pokazano w następującym przykładowym kodzie:

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

Plik design.css

Używając nazwy i specyfikacji url, można w pliku design.css dodać nowe ikony, jak pokazano w następującym przykładowym kodzie:

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