Sitecore 9 无需编码如何在页脚添加带图片的社交链接
Sitecore 9 页脚添加带图社交链接纯CMS操作方案
以下3种方案均无需编写部署代码,仅通过CMS后台配置即可实现:
- 现有Link模板字段适配
先将社交媒体图标上传至Sitecore媒体库,复制对应媒体项的访问直链。检查当前可用的Link模板是否带有通用描述、备注类备用字段,多数项目实施时会预留这类可扩展字段,将图标直链填入该字段后,在页脚渲染参数配置中开启「描述字段作为图片源渲染」开关(绝大部分项目为了扩展性都会预置该配置项),保存后即可自动渲染为带图片的超链接。 - 富文本模块拼接
确认页脚占位符是否支持插入富文本(Rich Text)模块,若支持直接新增富文本模块,在WYSIWIG编辑器内先插入已上传的社交图标,选中图标后点击编辑器插入链接按钮配置对应社交平台URL,保存后将该模块拖动到页脚对应位置即可。如果页脚占位符默认禁止插入富文本模块,只需用管理员账号在后台为对应占位符新增富文本模块的插入权限即可,全程无需修改代码。 - 单图热点映射实现
若以上两种方案均受权限限制无法操作,可以将所有社交图标按最终展示的尺寸和位置拼接为一张整图上传到媒体库,在Link模板的链接字段填入整图的媒体访问地址,再将提前生成的热点地图代码(包含每个社交图标对应的坐标和跳转链接)填入Link模板的Alt/描述字段即可,Sitecore默认页脚渲染逻辑会将该字段内容原样输出,即可实现单图多链接的效果。
内容的提问来源于stack exchange,提问作者JTech
相关产品推荐
相关产品推荐

