摘要:今天带来的功能是wordpress文章字体的大小选择功能 在wordpress的使用中;尤其是新闻资讯站的网站建设中。文…
今天带来的功能是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>
|
来源:http://www.wazhuti.com/367.html