纯代码实现WordPress文章字体大小的选择

发布时间：2025-01-15 以下文章来源于网友投稿，内容仅供参考！

今天带来的功能是wordpress文章字体的大小选择功能

在wordpress的使用中；尤其是新闻资讯站的网站建设中。文章的浏览是一个网站的用户体验重中之中；
用户浏览页面字体大小和样式偏重各人个化的今天；怎样选择一款合适的样式难倒了很多站长；
有的用户喜欢小字体的清晰细腻；有的用户喜欢大字体浏览舒畅不伤眼；

这样今天测速网给大家推荐一款两全的办法。wordpress文章字体大小可选代码

打开主题的single.php文件即文章内容文件，在下面插入以下Js代码：

area data-settings="dblclick" readonly ><script type="text/javascript">function SetFont(size){document.getElementById("logPanel").style.fontSize=size}</script>area>123456<script type="text/javascript">function SetFont(size){document.getElementById("logPanel").style.fontSize=size}</script>

在你想提供改变字体大小按钮的地方插入以下代码：

area data-settings="dblclick" readonly >字体大小: <a href="javascript:SetFont('12px')" accesskey="1">小</a> <a href="javascript:SetFont('14px')" accesskey="2">中</a> <a href="javascript:SetFont('16px')" accesskey="3">大</a>area>1字体大小: <a href="javascript:SetFont('12px')" accesskey="1">小</a> <a href="javascript:SetFont('14px')" accesskey="2">中</a> <a href="javascript:SetFont('16px')" accesskey="3">大</a>

在你显示文章内容部分的

增加一个id=”logPanel”标识，一般是这样写的：

area data-settings="dblclick" readonly ><div id="logPanel" > 显示文章内容代码</div>area>1<div id="logPanel" > 显示文章内容代码</div>