记磊博客

发表文章数:253

Vieu商业主题4.6

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买
摘要:字体的大小 影响读者的视觉感受,我们可以在wordpress的文章页面single.php上通过js...

wordpress文章页面添加字体增大减小效果代码分享

代码

放在single.php文章页面

<a href="javascript:SetFont('12px')" accesskey="1">小</a>
<a href="javascript:SetFont('14px')" accesskey="2">中</a>
<a href="javascript:SetFont('16px')" accesskey="3">大</a> </a>
<script type="text/javascript">
function SetFont(size){
document.getElementById("image_container").style.fontSize=size
}
</script>

因为我是放在了标题哪里所以放一块了 你们可以单独放

重要的

注意:要查看你的single.php的div的ID是不是image_container,否则修改成id的名称。

本文共390个字,预计阅读时间需要1分钟。
您阅读这篇文章共花了: 0小时00分00秒

未经允许不得转载:作者:记磊博客, 转载或复制请以 超链接形式 并注明出处 轻刻年轮
原文地址:《wordpress文章页面添加字体增大减小效果代码分享》 发布于2019-04-09

分享到:
赞(4) 打赏 生成海报

评论 抢沙发

评论前必须登录!

  注册



长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册