【简单云】WORDPRESS代码实现字体字号调整功能

简单主机(www.simplehost2.com)小编很喜欢看小说。在打开腾讯小说的时候,小编发现在很多大型小说站以及新闻站对客户都开放一个字号调整按钮功能,主要让客户调整自己合适字体方便观看。这无疑是增加了用户体验度~下面无忧小编就简单的介绍下如何在wordpress中不用插件实现代码实现字体字号调整功能,在修改代码的时候一定要看清楚,但是简单主机小编为了让大家可以简单的理解会说的很详细的,只要按照下面教程一步步操作也可以实现就没问题。

Wordpress代码实现字体字号调整功能 wordpress 9 4 1 300x109

wordpress字号调整功能效果图

首先找到single.php,这个是用来控制wordpress网站每篇文章的显示的哦,然后在文件中适当的位置添加按钮代码,把如下的代码添加到single.php里面去。
<div><a href=”javascript:doZoom(16)”>小</a> <a href=”javascript:doZoom(18)”>中</a> <a href=”javascript:doZoom(24)”>大</a></div>
当然拥有上面的代码,小编还是认为不够完美的还需要一些脚本驱动代码实现效果,还是在同一个文件下,找一个适合的位置添加以下js代码:

1 <script type="text/javascript">
2 function doZoom(size) {
3 var zoom = document.all ? document.all['entry'] : document.getElementById('entry');
4 zoom.style.fontSize = size + 'px';
5 }
6 </script>

嗯好的!大功告成了。快点刷新看看效果吧!

 

纯Linux环境、免备案【海外简单云】php空间,108元一年起。

 

网上创业步骤】:
1 开通云主机、域名  2 建设官方网站 3 整体网站推广 … 成功见证 创业技能素质培训

更多有价值的内容:

简单主机官方网站 www.simplehost2.com

简单主机官方网店 store.simplehost2.com

简单主机官方相册 gallery.simplehost2.com

简单主机官方博客 blog.simplehost2.com

QQ空间
腾讯微博
新浪微博
网易微博
搜狐微博
人民网微博
微信公众号
朋友网
淘宝网
豆瓣网
百度空间
新华微博
优酷网
人人网
开心网
天涯社区
简单云,简单主机,简单建站

微信号:simplehost

扫一扫,了解更多…