wordpress文章页面添加字体增大减小链接

08/15 13:13
阅读数 24

字体的大小 影响读者的视觉感受,我们可以在wordpress的文章页面single.php上通过js添加字体的增大减小按钮,来方便字体大小的调整。

1、在single.php文章页面添加Js

<script type="text/javascript">
function SetFont(size){
	document.getElementById("main").style.fontSize=size
}
</script>

注意:要查看你的single.php的div的ID是不是main,否则修改成id的名称。
2、在single.php文章页面添加html

  <a href="javascript:SetFont('12px')" accesskey="1">小</a> 
  <a href="javascript:SetFont('14px')" accesskey="2">中</a> 
  <a href="javascript:SetFont('16px')" accesskey="3">大</a>

根据自己的主题可以把链接修改成按钮,图片等等。字体的大小修改上面的数字。

您可能感兴趣的文章:


▪ 给你的wordpress洗洗头wp_head和remove_action函数

▪ 511遇见网络采用阿里云ECS Wordpress

▪ Wordpress使用Redis缓存加速|511遇见强烈推荐

▪ wordpress短代码显示用户注册日期

▪ 利用Bootstrap构建你的响应式WordPress主题( 五)

▪ 自己动手在你的主机上安装wordpress图文教程

▪ WordPress过滤器(Filters):apply_filters和add_filter 用法和实例

▪ Bootstrap替换Wordpress的get_search_form()搜索样式

▪ Wordpress非插件自定义点赞功能样式

▪ 开启Gzip压缩加快你的wordpress网站加载浏览速

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部