K2Joomla CMS 的一款著名的文章管理组件,用户群很大。由于 K2 是由国外团队开发,因此默认自带的社交分享按钮只有国外最主要的三种:Twitter、Google+ 和 Facebook,很显然这3种社交网站在国内都无法访问,所以对中文 Joomla 用户来说,这些分享按钮根本没用。而我们最熟悉的微博、微信、人人网等分享方式,K2 默认并不包含。本文介绍一下如何手工添加国内的这些社交分享按钮到 K2 的文章全文页面。

 

社交分享按钮
社交分享按钮

如何隐藏 K2 自带的分享按钮

首先我们要把 K2 自带的 Twitter 等3个分享按钮隐藏(禁用)。方法是:

1、登录 Joomla 后台;

2、进入 K2 组件后台的“类别管理”;

3、找到 K2 文章所属的 K2 类别,进入其参数页面;

4、点击顶部“显示设置”标签页;

5、向下滚动页面,找到“社交分享”这一节,将“Twitter 按钮”、“Facebook 按钮”、“Google +1 按钮”这三项统统选择为“隐藏”,保存类别参数。

隐藏 K2 自带的 Twitter Facebook Google+ 分享按钮
隐藏 K2 自带的 Twitter Facebook Google+ 分享按钮

现在刷新 K2 文章前台全文页面,在文章末尾再也看不到这些国外的分享按钮了。

温馨提示:如果你有多个 K2 类别,那么每一个类别都需要这么设置,隐藏上述3个分享按钮。

获取微博、微信等分享按钮代码

国内的社交分享按钮热门的如微博、微信、人人网,其它还有腾讯微博、QQ好友等多种分享方式,如果我们一一寻找这些按钮的官方代码,未免太辛苦了。所以,我们借用一下 jiathis.com 的一键分享按钮代码。

如果你还不了解 jiathis,我简单介绍一下:它就类似国外的 addthis.com,已经将国内外著名的几十家社交分享网站都集成了,你只需要在网页中插入 jiathis 的一段代码,就能将全部几十家社交分享按钮都插入到你网页中。

1、在浏览器中打开 www.jiathis.com 网站首页;

2、点击首页顶部“获取代码”那个大大的按钮;

点击 jiathis.com 网站首页的“获取代码”按钮
点击 jiathis.com 网站首页的“获取代码”按钮

3、在接下来的页面上,他们已经提供了默认的分享按钮排列方式及对应的代码。如果你喜欢这个,就直接复制代码粘贴到记事本上备用;如果不喜欢,想要自定义(比如我要去掉QQ空间,而把微博放在第一位),那么点击下方的“更多高级自定义功能”,点击之后会在新窗口中打开自定义页面。

复制 jiathis 分享按钮代码,或者自定义高级功能
复制 jiathis 分享按钮代码,或者自定义高级功能

4、在新的自定义页面上,你可以选择默认显示哪些分享按钮,以及各个按钮的排序,等等多种参数。自定义完毕之后,先点击“确认生成代码”,然后点击页面底部“复制代码”,将复制到的代码粘贴到记事本上备用。

例如,我自己自定义了一种分享按钮排列,代码如下(你可以直接复制使用):

<!-- JiaThis Button BEGIN -->
<div class="jiathis_style_32x32">
<a class="jiathis_button_tsina"></a>
<a class="jiathis_button_weixin"></a>
<a class="jiathis_button_douban"></a>
<a class="jiathis_button_cqq"></a>
<a class="jiathis_button_evernote"></a>
<a class="jiathis_button_qzone"></a>
<a class="jiathis_button_tqq"></a>
<a class="jiathis_button_print"></a>
<a class="jiathis_button_copy"></a>
<a class="jiathis_button_email"></a>
<a href="https://www.jiathis.com/share" 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={
	summary:"",
	shortUrl:true,
	hideMore:false
}
</script>
<script type="text/javascript" src="https://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->

 

可以看出,这段代码的前后都有注释标记,很容易辨认,方便网页开发人员排查代码错误。

给 K2 添加自定义分享按钮代码

接下来,我们要把这段代码添加到 K2 里面去。

1、回到 K2 后台,点击右上角的“K2 参数”;

2、点击“社交网站”这个标签页(第4个);

3、这里第一个参数就是“社交按钮代码”,旁边有一个大大的输入框,把我们刚才备用的代码粘贴进去:

 

在 K2 参数中粘贴 jiathis 分享按钮代码
在 K2 参数中粘贴 jiathis 分享按钮代码

4、保存 K2 参数。

5、K2 本来就是默认显示“自定义分享按钮”的,如果你不确定,可以在类别参数中查看,或者设定它。进入文章所属类别的参数,点击顶部“显示设置”标签页,然后点击左侧的“全文页面选项”,将右侧的“自定义社交分享按钮”这一项选择为“显示”,然后保存类别参数;

在 K2 类别参数中允许显示自定义社交分享按钮
在 K2 类别参数中允许显示自定义社交分享按钮

6、现在刷新 K2 文章的前台全文页面,在文章标题下方,就能看到一排分享按钮,其中包括微博、微信、豆瓣、QQ好友、印象笔记等等多种分享方式。

K2 文章前台显示了自定义分享按钮
K2 文章前台显示了自定义分享按钮
  
  1. 评论 (3)

  2. Add Yours

评论 (3)

这里还没有人发表评论

不用这么复杂。直接安装我们ZMAX开发的的 社交分享插件就可以了。https://www.zmax99.com/extensions/98-chajian/37-plg-zmaxshare

  附件
您无权查看附件
 

白老师,如果就在Joomla里添加分享到微信、qq、微博等按钮呢,应该如何添加才不会每次升级都丢失了

  附件
您无权查看附件
 
  1.    何宗月

可以通过能够给文章内容插入自定义代码的插件来插入上述 jiathis 代码。

  附件
您无权查看附件
 

免费下载最新Joomla!核心中文版

扫描此二维码,立即开始下载 Joomla 3 核心中文版

付费下载汉化版扩展

付费后即可下载独家海量

Joomla! CMS 扩展汉化版

了解付费会员制度

点击这里给我发消息

了解 joomlagate.com 网站的付费会员制度