1. 橘子皮首页
  2. WP开发

wordpress文章添加字体大小选项

橘子皮 • • WP开发

字体的大小 影响读者的视觉感受，我们可以在wordpress的文章页面single.php上通过js添加字体的增大减小按钮，来方便字体大小的调整。

1、在single.php文章页面添加Js

<script type="text/javascript">
function SetFont(size){
	document.getElementById("main").style.fontSize=size
}
</script>

注意：要查看你的single.php的div的ID是不是main,否则修改成id的名称。
2、在single.php文章页面添加html

<a href="javascript:SetFont('12px')" accesskey="1">小</a> 
<a href="javascript:SetFont('14px')" accesskey="2">中</a> 
<a href="javascript:SetFont('16px')" accesskey="3">大</a>

文章整理，作者：橘子皮，如若转载，请注明出处：https://www.juzip.cn/1546.html

本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。
赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
橘子皮橘子皮
0 0
上一篇 2020年9月28日 pm11:51
下一篇 2020年9月28日 pm11:55

相关推荐

发表评论

邮箱地址不会被公开。 必填项已用*标注

记住昵称、邮箱和网址，下次评论免输入