Fandom

Wikia中文

评论23

如何JS嵌入社交网站按钮分享你的维基

Cal-Boy 2013年11月21日 用户博客:Cal-Boy

您使用了广告屏蔽软件!


Wikia通过广告运营为用户提供免费的服务。我们对用户通过嵌入广告屏蔽软件访问网站进行了使用调整。

如果您使用了广告屏蔽软件,将无法使用我们的服务。请您移除广告屏蔽软件,以确保页面正常加载。

维基上的信息和知识虽然只是互联网中的一部分,但是一定是最好的。互联网改变了一切,也让信息的分享变的更加简单。如果你喜爱某个维基,或者管理着某个维基,赶快和身边的朋友通过Google+,Facebook和Twitter进行分享吧,带给更多人所爱所需,也会结识更多兴趣爱好相同的朋友。

分享文章

每次当你花了很久的时间写了一篇维基文章之后,你一定会为此而倍感骄傲。因为它代表着一种创造,源于你自己的创造。之后,你会希望让更多人知道,评论,转发,或者只是简单点个“赞”。你在得到其他人反馈的同时,也在传授给他们新信息,知识和能量。当你朋友的朋友以及更多的人来分享这篇文章时,它将发挥更大的作用。

基于此,维基将为你提供一些分享按钮,帮助你实现这种期望。这些通过定制化JS设计的分享按钮,供所有的维基社区使用。

添加分享按钮

你可以将这些按钮添加到社区的文章页,并且今天就可以做到。赶快看看下面的图片,你就会了解添加按钮后,文章页的上方和下方将会变成什么样。

ShareArticleButtonsTop.png

ShareArticleButtonsBottom.png

代码在哪里复制?

我们将代码和使用发布在这里了:http://dev.wikia.com/wiki/SocialIcons

或者,你可以复制这个代码到你的mediawiki:wikia.js当中:

var SocialMediaButtons = { 
 position: "top",
 colorScheme: "dark",
 buttonSize: "30px"
};
importScriptPage('SocialIcons/code.js','dev');

如果想将条目放在顶端,就在”position“里写“top”;如果想放在底端,就写“bottom”。

颜色“colorscheme”中可以写“dark”(深黑色)或者“light”(浅黑色),或者“color“(全部彩色显示)。

buttonSize处可以设置分享按钮的大小,最低不能低于21px。或者你可以输入”default“(自动为35px)或数值就可以啦。

构造

变量名称 描述 自动变量 可变量
位置 这个决定按钮的位置:上方或下方 top top
bottom
颜色主题 这个决定按钮的颜色:黑色,浅黑或者彩色 dark dark
light
color
按钮大小 这个决定按钮大小:自动或者添加数值(比如21px). default default
#px
wikiTwitterAccount 如果你的维基有一个推特帐户,你可以使用default(自动)或者twitteraccount (不要使用 "@"). default default
twitteraccountname
SocialMediaButtonsNamespaces 命名空间觉得你希望将这些按钮用在哪些子维基页面上。比如,你只想把这些按钮用在“Talk”或者“Extension”的命名空间上,请使用[1, 112]. [0, 6, 14, 500] (文章,文件,类别,博客和论坛帖子) 点击这里查找不同命名空间的数值。

使用这个构造的句法形式就是:

var SocialMediaButtonsNamespaces = [0, 6, 14, 500];
var SocialMediaButtons = { 
	position: "top",
	colorScheme: "color",
	buttonSize: "35px",
	wikiTwitterAccount: "default"
};

然后复制-粘贴。就是这么简单!

如以往一样,如果有什么问题,赶快在这里留言吧。

一些维基部落很久之前就已经将Facebook、Google+、Twitter或者新浪微博、QQ等嵌入到他们的维基主页上了,甚至还社交网站上建立了自己的维基主页。现在,他们都成为了非常优秀的维基主页!比如:

冰与火之歌中文维基


如果你是其中之一,赶快来分享一下这些小技巧吧!:)

更多维基

随机维基