【已解决】分享按钮的修改详细教程放出

该问题已被锁定！

4: 关注

3676: 浏览

分享按钮

小弟不才，，想咨询下，文章和问题下方的分享按钮默认只有三个，怎样加上一个更多的按钮呢？因为有时候这三个无法满足需求。。已经解决！感谢@二哥解决方案：首先wecenter PC端有三个地方可以进行分享的，问题、答案、文章、所以增加更多按钮需要依次修改一，问题界面提问人的问题处分享按钮进入views\default\question\index.tpl.htm 搜索“分享”字样，注意这里有处需要修改，一处是问题的，一处是答案的。找到分享的div标签,在<ul>标签内增加一行下面代码。注意title和content的区别，具体放哪一段，请参照你搜索到的前面的<li>代码里的分享按钮写法

<li><a onclick="AWS.User.share_out({webid: '0', title: $(this).parents('.aw-item').find('.markitup-box').text()});"><i class="icon icon-plus"></i> <?php _e('更多'); ?></a></li>

<li><a onclick="AWS.User.share_out({webid: '0', content: $(this).parents('.aw-question-detail')});"><i class="icon icon-plus"></i> <?php _e('更多'); ?></a></li>

二.文章处的分享按钮代码进入views\default\article\index.tpl.htm 搜索“分享”字样，找到分享的div标签,在<ul>标签内增加一行下面代码

<li><a onclick="AWS.User.share_out({webid: '0', content: $(this).parents('.aw-question-detail')});"><i class="icon icon-plus"></i> <?php _e('更多'); ?></a></li>

三.添加成功后的按钮样式修改默认情况下添加上去的“更多”这个按钮前面是没有样式的，因此为了协调美观我们需要去给它增加个。进入static/css/default/common.css 搜索.aw-dropdown.shareout i.icon-wechat 在它下方添加以下代码给按钮加个背景色，我默认是wecenter的蓝色，可以自己改成喜欢的

.aw-dropdown.shareout i.icon-plus{background-color: #499ef3;}

想要单独其他的分享按钮就按@二哥的方法去试试吧！最终样式

好问题 0 评论收藏举报

AI智能回复搜索中，请稍后...

查看全部 2 个回答

二哥高级会员用户来自于: 北京市
2015-08-15 11:30

修改模板实现，路径问题views\default\question\index.tpl.htm、文章views\default\article\index.tpl.htm，在文件内搜索“分享”找到分享的div标签,在

赞同 3 0评论

关于作者

: 赐我一胖壮 初级会员
这家伙很懒，还没有设置简介

8: 回答

0: 文章

3: 问题

问题动态

发布时间: 2015-08-15 09:34

更新时间: 2015-08-15 18:40

关注人数: 4 人关注