Loper主题添加文章二维码,目前很多网站主题都自带文章二维码功能,文章自动生成一个二维码是方便手机用户留言本文章的功能,拽立网,免得你手动输入文章网址进去本文章浏览,今天我把Loper主题添加文章二维码方法分享给大家,请看以下操作!

1.添加后的文章二维码效果!

Loper主题添加文章二维码-拽立网

2.文章二维码旋转变圆效果!

Loper主题添加文章二维码-拽立网

3.登陆你的后台管理,选择【外观】-【编辑】-【样式表 (style.css)】

直接添加下面全部代码:

/*文章二维码*/
.article_erweima {
	position: absolute;
	margin: -40px 0px 0px 680px;
}

.article_erweima img {
	padding: 3px;
	border-radius: 5px;
	border: 1px solid #999;
	width: 60px;
	height: 60px;
}

/*文章二维码旋转变圆*/
.article_erweima img {
	z-index: 999;
	transition: all 0.3s ease-in 0s;
}

.article_erweima img:hover {
	border-radius: 100px;
	transform: rotate(360deg);
}

4.登陆你的后台管理,选择【外观】-【编辑】-【评论 (comments.php)】

直接添加以下全部代码:【放在</div>后面】

<div class="article_erweima"><!--Loper主题增加文章二维码-->
<img src="http://qr.topscan.com/api.php?&bg=ffffff&fg=000000&text=<?php the_permalink(); ?>"/>
</div>

5.登陆你的后台管理,选择【外观】-【编辑】-【(guestcomments.php)】

直接添加以下全部代码:【放在</div>后面】

<div class="article_erweima"><!--Loper主题增加文章二维码-->
<img src="http://qr.topscan.com/api.php?&bg=ffffff&fg=000000&text=<?php the_permalink(); ?>"/>
</div>

提示:&bg=ffffff&fg=000000第一个是背景颜色,第二是图案颜色!

提示:更多功能进入这网址http://topscan.com/pingtai/

提示:基本搞定好了,去浏览网址看看效果吧!

Loper主题添加文章二维码
版权声明:本站原创文章,于2016年06月2日,由 拽立网 发表,共 1028 字。
打赏