WordPress教程

WordPress文章页面添加字体增大减小

阿里云

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

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

  1. <script type="text/javascript">
  2. function SetFont(size){
  3. 	document.getElementById("main").style.fontSize=size
  4. }
  5. </script>
也想出现在这里?联系我们
创客主机

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

2、在 single.php 文章页面添加 HTML

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

WordPress 文章页面添加字体增大减小

已有 296 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!