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

字体的大小 影响读者的视觉感受，我们可以在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网站加载浏览速

来源：oschina

链接：https://my.oschina.net/u/4417309/blog/4496803