WordPress添加字体切换大小按钮
给自己的网站WordPress添加字体切换大小按钮吧,这样方便读者阅读文章,一般网页字体大小都在12-16PX之间,中文最新的就是12PX了,当然还可以再小,不过就几乎看不见了,
这里分享一个代码的方法,给WordPress的文章页面添加一个字体控制按钮,这里也附上美化样式,实现方法如下:
WordPress添加字体切换大小按钮
将此JS代码添加到single.php中:
<script type="text/javascript">
function doZoom(size) {
var zoom = document.all ? document.all['entry'] : document.getElementById('entry');
zoom.style.fontSize = size + 'px';
}
</script>
这里需要注意的就是,上面代码的entry指的是正文内容的div id,必须根据主题的实际情况进行修改即可。
前端调用html(在文章适当页面加入即可一般都是single.php):
<div id="fschange">
<span id="font_title">字号:</span>
<span id="fs_dec"><a href="javascript:doZoom(12)" title="缩小">-</a></span>
<span id="fs_n"><a href="javascript:doZoom(14)" title="恢复">o</a></span>
<span id="fs_inc"><a href="javascript:doZoom(16)" title="增大">+</a></span>
</div>
然后是美化的css代码,加入主题文件中即可:
/* 字体大小 */
#fschange {float:right; margin:0; padding:0;}
#fschange #font_title{margin-top:2px;}
#fschange span {display:inline; float:left; margin-left:4px;}
#fschange span a {border-bottom:#c8c8c8 1px solid; text-align:center; border-left:#c8c8c8 1px solid; width:16px; display:block; height:18px; border-top:#c8c8c8 2px solid; border-right:#c8c8c8 1px solid;}
#fschange span a:hover {background:#ebebeb; text-decoration:none;}
免责声明
0、网站资源均通过网络等合法渠道获取,该资料仅作为学习交流,其版权归出版社或者原作者所有,本网站不对所涉及的版权问题负责。网站售卖的价格绝对不是商品价格,而是整理资料的成本,如原作者认为侵权,请联系我们,我们立即删除文章,谢谢!
本站保证原原本本的完整性下载原始文件,并不保证资料的准确性,可靠性,对此产生的问题不做任何解释
1、博主在此发文(包括但不限于汉字、拼音、拉丁字母)均为随意敲击键盘所出,用于检验本人电脑键盘录入、屏幕显示的机械、光电性能,并不代表本人局部或全部同意、支持或者反对观点。如需要详查请直接与键盘生产厂商法人代表联系。挖井挑水无水表,不会网购无快递。
2、网站资源均通过网络等合法渠道获取,该资料仅作为学习交流,其版权归出版社或者原作者所有,下载后请于24小时内删除,如有真实需要请支持正版!因下载本站任何资源造成的损失,全部责任由使用者本人承担!本网站不对所涉及的版权问题负责。网站售卖的价格绝对不是商品价格,而是整理资料的成本。
3、如果你是版权方,认为本文内容对您的权益有所侵犯,请联系博主,并参照 侵删联系 的说明提交相应的证明材料,待博主进行严格地审查和背景调查后,情况属实的将在三天内将本文删除或修正。
4、博主的文章没有高度、深度和广度,只是凑字数。由于博主的水平不高(其实是个菜B),不足和错误之处在所难免,希望大家能够批评指出。
5、博主是利用读书、参考、引用、抄袭、复制和粘贴等多种方式打造成自己的纯镀 24k 文章,请原谅博主成为一个无耻的文档搬运工!
6、博主只是一名普通的互联网从业者,不懂修电脑,不会卖电脑,不会帮你盗号,不会破解开机密码,找不回你丢失的手机等,如有这样的想法请绕道!
7、另外还有部分家里有矿的用户就希望我帮他服务,对于这种有钱人变态的需求,我一般都不会拒绝的。
8、本站虚拟货币充值或数字资源购买后,均不可以任何理由退换!购买前(请慎重考虑)
9、附注:根据二○○二年一月一日《计算机软件保护条例》规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。
10、数字千年版权法案(DMCA)
琼鲸网网站接受受版权保护的内容DMCA侵权通知。
琼鲸网络 » WordPress添加字体切换大小按钮
常见问题FAQ
- 免费下载或者SVIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 SVIP介绍。
- 充值&SVIP会员需知
- 提示下载完但解压或打开不了?
- 网站所有素材99%都是采用百度网盘、天翼云盘、蓝奏云网盘存储