WordPress文章页面添加字体增大减小

发布于 2023.06.14

字体的大小影响读者的视觉感受，我们可以在 WordPress 的文章页面 single.php 上通过 js…

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

类别：WordPress教程、

本文收集自互联网，转载请注明来源。
如有侵权，请联系 wper_net@163.com 删除。