您可以创建要在主题的默认站点的社交栏中使用的定制社交图标。
显示在站点的社交栏中的社交图标由站点的主题设计确定。如果更改站点的主题,则社交图标会随主题一起更改。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"); }