소셜 표시줄 아이콘 사용자정의

테마 기본 사이트의 소셜 표시줄에 사용할 사용자정의 소셜 아이콘을 생성할 수 있습니다.

사이트의 소셜 표시줄에 나타나는 소셜 아이콘은 사이트의 테마 디자인에 의해 결정됩니다. 사이트의 테마를 변경하면 테마와 함께 소셜 아이콘이 변경됩니다. Facebook, Twitter, LinkedIn, Google+, YouTube에 대한 공통 소셜 아이콘은 Oracle Content Management 테마에 포함되어 있습니다.

design.json 및 design.css 파일을 편집하여 소셜 아이콘 구성요소에 사용자정의 소셜 아이콘을 추가할 수 있습니다.

design.json 파일

design.json 파일에서 다음 샘플 코드와 같이 이름 및 클래스 구조를 사용하여 새 아이콘을 지정할 수 있습니다.

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

design.css 파일

design.css 파일에서 다음 샘플 코드와 같이 이름 및 url 지정을 사용하여 새 아이콘을 추가할 수 있습니다.

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