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

wordpress文章添加字体大小选项

字体的大小 影响读者的视觉感受,我们可以在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

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。

发表评论

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