小弟不才,,想咨询下,文章和问题下方的分享按钮默认只有三个,怎样加上一个更多的按钮呢?因为有时候这三个无法满足需求。。
已经解决!感谢@二哥
解决方案:
首先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;}
想要单独其他的分享按钮就按@二哥的方法去试试吧!
最终样式
阅读全文
收起全文