分享到           

本帖最后由 羽·凌风 于 2019-4-28 13:27 编辑
Hello 大家,学习JS三天的羽狼又来给网站做优化了(X)
这次是分享按钮的全面加强!

分享按钮位于每篇帖子的最上方和最下方
分享1.png
2019-4-28 11:09 ↑

分享2.png
2019-4-28 11:09 ↑


点击相应的平台LOGO后就会转入各自的分享页面
会自动填写上帖子的标题、首楼的前几句话(如果分享的不是第一页的话就会显示其他页面第一个贴的前几句话)、以及当前页面的图片(包括外部图片和附件)

例如,分享到微博的话就像这样(可以显示多张图片)
微博.png
2019-4-28 11:09 ↑


分享到FB(可以显示出帖子的第一张图)
QQ图片20190428110035.jpg
2019-4-28 11:09 ↑

QQ图片20190428110016.jpg
2019-4-28 11:09 ↑


分享到豆瓣和QQ空间(显示一张图片,即帖子的第一张图)
豆瓣.png
2019-4-28 11:09 ↑

QQ.png
2019-4-28 11:09 ↑


点击分享按钮最右边的+,还有更多的平台可供选择



除此之外,把鼠标放在图片上,还可以看到分享按钮的浮窗,用这个按钮可以指定想要分享的图片
图片.png
2019-4-28 11:44 ↑

QQ图片.png
2019-4-28 11:44 ↑

 

欢迎来到Dragicland,【总版规】请记得要看哦,还有这个也是好东西→如何回复?

配合分享功能写了个新的图片标签,叫[simg]
用法和[img]基本一样,除了[simg]不能像[img=w,h]这样手动调整图片的尺寸
被包在[simg]里面的图片会被判定为该帖子的【标题图片】,而分享按钮会自动读取这个标题图片,所以你就可以利用[simg]这个标签自定义你想让分享按钮提取的图片了
标题图片只能有一个,如果设置了多个[simg],标题图片则为第一个
如果没有设置[simg],则默认将帖子内的第一张图作为标题图片
至于这个标签的意思……按照 seo_img 或者 share_img 来理解记忆吧(?)

举个例子:
要分享这篇帖子,如果没有设置[simg],那么分享时会自动加载第一张图片
1.png
2019-5-17 17:14 ↑

而如果设置了[simg](比如设置成最后一张图)
新建图像.png
2019-5-17 17:14 ↑

分享时加载的图片就会变成自定义的那张图了
2.png
2019-5-17 17:14 ↑

分享到微博、噗浪这些可以分享多图的地方时,“标题图片”也会默认显示在图片列表的第一个
欢迎来到Dragicland,【总版规】请记得要看哦,还有这个也是好东西→如何回复?

TOP

分享到