自訂社群列圖示

您可以建立自訂社群圖示，用於主題預設網站的社群列。

網站社群列中顯示的社群圖示，取決於網站主題的設計。如果您變更網站的主題，社群圖示也會隨著主題變更。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"); }