纯代码实现WordPress文章字体大小的选择
摘要:今天带来的功能是wordpress文章字体的大小选择功能 在wordpress的使用中;尤其是新闻资讯站…
摘要:今天带来的功能是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>
|
类别:WordPress教程、
本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。
还没有任何评论,赶紧来占个楼吧!