分享转发(文档)

通过分享转发组件,访客用户可以很便捷的分享站点页面给其他好友通过微博,微信,QQ空间,站点链接。

点击查看”示例和视频操作” >>

 

1,如何插入设计组件

只需从左侧的组件控制面板【常规组件】中 ,选中分享转发组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示

 

 

为了易于理解及操作,下面的操作我们只说明常用的内容和样式设置,因为并不是每一个选项都是我们设计的时候需要用到的。

 

2,内容选项卡

2.1,社交图标-模块设置如下图 , 点击“新增项目” 按钮 ,添加你需要分享或转发的社区图标,如微博,微信,QQ空间,豆瓣等。添加“项目”后,选择图标,设置分享的平台或开启自定义链接,点击后页面将跳转到你指定的分享页面。参照请参考下图。

 

 

如果您想要生成页面的分享图片,需要进入页面的后台编辑区域去设置相对应的分享图片和分享描述内容分如下图所示,这里以文章页为例子

(1)点击编辑文章按钮,进入文章编辑后台 (如操作案例和产品页一样,如果是页面进入页面列表页点击页面设置即可)

(2)填写简介,微信分享简介

(3)填写分享的海报图片

 

在预览模式下点击分享按钮查看到的分享海报图,海报图上不包含分享简介,(当您开通微信功能,并配置好微信公众号后,分享的页面链接会出现微信简介内容,此项并不是必须要掌握的项目,看不明白的同学可以忽略)。

 

 

 

 

 

3,样式选项卡

3.1,图标-样式设置模块, 在这里您可以为分享的图标按钮设置颜色,尺寸,间距,设置请参考下图

 

 

3.2,图标悬停-样式设置模块, 在这里您可以为分享的图标按钮设置“鼠标悬停” 颜色以及动画。

 

 

 

恭喜你已完成当前组件的学习,感谢阅读。

 

评论

数据加载中...
数据加载中...

产品标题

剩余 0

购买数量
- +
确认删除?
扫一扫分享到微信朋友圈

立刻分享给好友

点击屏幕右上角将本页面分享给好友

知道了