wordpress上文章和图片的分享按钮/分享图标的插入

 

您找到怎么将网站上精美图片分享到各大微博等社交媒体上,与好友一同分享吗?
其实方法很多,完全可以使用插件或者直接上各大网站获取分享代码,个人觉得用一些专业的网站工具更加方便。
这类的网站也有很多,下面以加网的分享代码为例介绍一下:


加入下面的代码后,用户将鼠标移动到指定的图片上时,分享按钮就会出现!



如果您的网页中已经嵌入jia.jsjiathis_r.js,只需将以下绿色部分代码复制到JiaThis分享代码之前即可。
<script type="text/javascript">
var jiathis_config = {
shareImg:{
"showType":"ALL",
"bgColor":"",
"txtColor":"",
"text":"",
"services":"",
"position":"",
"imgwidth":"",
"imgheight":"",
"divname":""
}
}
</script>
<script type='text/javascript' src='http://v2.jiathis.com/code/jia.js?uid=1341297701568698' charset='utf-8'></script>
您可以使用以下参数来调整JiaThis图片分享的设置:
showType:
图片分享按钮出现的方式,ALL表示页对面上所有图片生效,MARK表示只对页面上标记过的图片上生效。 当你设置showType为"ALL"时,您可以在图片的img元素的class属性中加入"JIATHIS_IMG_NO"来去除不想进行分享的图片。如:< img src="http://www.jiathis.com/resource/default/images/image.jpg" >当你设置showType为"MARK"时:您必须要在您想要用户分享的图片img元素的class属性上加上"JIATHIS_IMG_OK",如:<img src="http://www.jiathis.com/resource/default/images/image.jpg" >否则用户无法分享页面上的任何图片。默认值为ALL
bgColor:
图片分享按钮的背景颜色,可以是CSS中color属性支持的任意值,(如#FFF或者orange)。默认的颜色是orange(橙色)。
txtColor:
图片分享按钮的文本颜色。可以是CSS中color属性支持的任意值,(如#FFF或者white)。默认的颜色是white(白色)。
text:
图片分享按钮上的文字,默认是"图片分享:"。
services:
图片分享按钮上显示的媒体,请设置为以英文逗号分隔的媒体代码
position:
显示位置,1=左上,2=左下,3=右上,4=右下,默认显示位置是3
imgwidth:
表示只对超过这个尺寸宽度的图片渲染分享功能,默认300
imgheight:
表示只对超过这个尺寸高度的图片渲染分享功能,默认30
divname:
div的id名称,表示只在这个div容器里按照上面的配置渲染分享功能,默认对<body>与</body>之间整个区域的图片按照上面的配置进行渲染。

标签: wordpress, 图标

添加新评论