定制社交栏图标

您可以创建要在主题的默认站点的社交栏中使用的定制社交图标。

显示在站点的社交栏中的社交图标由站点的主题设计确定。如果更改站点的主题，则社交图标会随主题一起更改。Oracle Content Management 主题附带了适用于 Facebook、Twitter、LinkedIn、Google+ 和 YouTube 的常用社交图标。

您可以通过编辑 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"); }