分享到           

羽·凌风

Rank: 12Rank: 12Rank: 12

原创世界: 【Dragicland】

头衔: 记录世界的探险家

帖子
6953 
主题
1388 
探险经验
31844  
卡币
6594 F 
头像出处
一只萌灿 
1# 跳转到 » 倒序看帖
　
发表于 2019-4-28 12:39 | 只看该作者
本帖最后由 羽·凌风 于 2019-4-28 13:27 编辑
Hello 大家，学习JS三天的羽狼又来给网站做优化了（X）
这次是分享按钮的全面加强！

分享按钮位于每篇帖子的最上方和最下方
分享1.png
分享2.png

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

例如，分享到微博的话就像这样（可以显示多张图片）
微博.png

分享到FB（可以显示出帖子的第一张图）
QQ图片20190428110035.jpg
QQ图片20190428110016.jpg

分享到豆瓣和QQ空间（显示一张图片，即帖子的第一张图）
豆瓣.png
QQ.png

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


除此之外，把鼠标放在图片上，还可以看到分享按钮的浮窗，用这个按钮可以指定想要分享的图片
图片.png
QQ图片.png

　

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


羽·凌风

Rank: 12Rank: 12Rank: 12

原创世界: 【Dragicland】

头衔: 记录世界的探险家

帖子
6953 
主题
1388 
探险经验
31844  
卡币
6594 F 
头像出处
一只萌灿 
2#
　
发表于 2019-5-17 17:16 | 只看该作者
配合分享功能写了个新的图片标签，叫[simg]
用法和[img]基本一样，除了[simg]不能像[img=w,h]这样手动调整图片的尺寸
被包在[simg]里面的图片会被判定为该帖子的【标题图片】，而分享按钮会自动读取这个标题图片，所以你就可以利用[simg]这个标签自定义你想让分享按钮提取的图片了
标题图片只能有一个，如果设置了多个[simg]，标题图片则为第一个
如果没有设置[simg]，则默认将帖子内的第一张图作为标题图片
至于这个标签的意思……按照 seo_img 或者 share_img 来理解记忆吧(?)

举个例子：
要分享这篇帖子，如果没有设置[simg]，那么分享时会自动加载第一张图片
1.png
而如果设置了[simg]（比如设置成最后一张图）
新建图像.png
分享时加载的图片就会变成自定义的那张图了
2.png
分享到微博、噗浪这些可以分享多图的地方时，“标题图片”也会默认显示在图片列表的第一个
欢迎来到Dragicland，【总版规】请记得要看哦，还有这个也是好东西→如何回复？

TOP

分享到