为Discuz门户文章和论坛帖子页面添加分享按钮

DamonHu

2015 年 05 月 28 日

12606 次浏览

1 条评论

3221字数

建站备忘

如图所示，我们要想在文章页面添加这样一行分享键钮，以便于将文章内容分享到新浪微博、腾讯微博、QQ空间、人人网、开心网等主流媒体上，这时我们只需要对文章模板文件作少许修改即可，具体操作如下：

一、门户文章添加分享按钮

首先找到模板文件：template/default/home/space_click.htm

在<table cellpadding="0" cellspacing="0" class="atd">代码下面加下面的代码就OK了

中间可以加上你的百度分享代码，也可以加上你的jiathis代码，完整代码就是这个

<tr>
<td style="width:400px;" colspan="7">
<!-- JiaThis Button BEGIN -->
<div class="jiathis_style_32x32">
<a class="jiathis_button_tsina"></a>
<a class="jiathis_button_weixin"></a>
<a class="jiathis_button_yixin"></a>
<a class="jiathis_button_cqq"></a>
<a class="jiathis_button_qzone"></a>
<a class="jiathis_button_pocket"></a>
<a class="jiathis_button_fav"></a>
<a href="http://www.jiathis.com/share?uid=1719276" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank"></a>
<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript" >
var jiathis_config={
	data_track_clickback:true,
	summary:"",
	ralateuid:{
		"tsina":"5870202912"
	},
	appkey:{
		"tsina":"1061251346"
	},
	shortUrl:true,
	hideMore:false
}
</script>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1719276" charset="utf-8"></script>
<!-- JiaThis Button END -->
</td>
</tr>

直接复制到<table cellpadding="0" cellspacing="0" class="atd">代码下面就可以了。

二、论坛帖子页面添加分享按钮

1.电脑页面

找到模板文件夹下/forum/viewthread_node.htm这个文件

可以替换他默认的分享，在文件里面搜索lang viewthread_share_to，在这句下面加上分享代码，紧接着就行了。比如下面这个，总共有两个，可以把两个都替换掉

							<b>{lang viewthread_share_to}:&nbsp;</b>
<!-- JiaThis Button BEGIN -->
<div class="jiathis_style_32x32">
<a class="jiathis_button_tsina"></a>
<a class="jiathis_button_weixin"></a>
<a class="jiathis_button_yixin"></a>
<a class="jiathis_button_cqq"></a>
<a class="jiathis_button_qzone"></a>
<a class="jiathis_button_pocket"></a>
<a class="jiathis_button_fav"></a>
<a href="http://www.jiathis.com/share?uid=1719276" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank"></a>
<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript" >
var jiathis_config={
	data_track_clickback:true,
	summary:"",
	ralateuid:{
		"tsina":"5870202912"
	},
	appkey:{
		"tsina":"1061251346"
	},
	shortUrl:true,
	hideMore:false
}
</script>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1719276" charset="utf-8"></script>
<!-- JiaThis Button END -->

2.手机页面

手机页面，因为不同的模板可能不同。

1.门户页面

可以查找手机模板/touch/portal/view.htm这个文件

查找$content[content]这个字段，就是文章内容的界面，在合适位置插入分享代码

2.论坛页面

可以查找手机模板/touch/forum/viewthread.htm这个文件或者viewthread_node.htm这个文件

确定一下合适的位置,查找这个字段，这个字段代表的意思就是楼主，找到合适位置插入分享代码即可