今天带来的功能是wordpress文章字体的大小选择功能
在wordpress的使用中;尤其是新闻资讯站的网站建设中。文章的浏览是一个网站的用户体验重中之中;
用户浏览页面字体大小和样式偏重各人个化的今天;怎样选择一款合适的样式难倒了很多站长;
有的用户喜欢小字体的清晰细腻;有的用户喜欢大字体浏览舒畅不伤眼;
这样今天大挖给大家推荐一款两全的办法。wordpress文章字体大小可选代码
打开主题的single.php文件即文章内容文件,在下面插入以下Js代码:
1 2 3 4 5 6 |
<script type="text/javascript"> function SetFont(size){ document.getElementById("logPanel").style.fontSize=size } </script> |
在你想提供改变字体大小按钮的地方插入以下代码:
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”标识,一般是这样写的:
1 |
<div id="logPanel" class="content"> 显示文章内容代码</div> |