眾口難調，網頁上正文的字型大小一般在 12px~16px 之間，然而許多的老年朋友卻因為看不到字而苦惱。雖然有網頁縮放這一功能，但一是不能用正常的方式閱讀網頁、二是會讓圖片因為放大而變得異常模糊。所以最好的方法就是：遊客可以直接按下網站上的 「放大」「減小」 按鈕調整網頁上的字型大小，現在我們可以將此小功能整合到 WordPress 中。

font

實現程式碼示例

將此 JS 程式碼新增到 single.php 中：

  1. <script type="text/javascript">
  2. function doZoom(size) {
  3. var zoom = document.all ? document.all['entry'] : document.getElementById('entry');
  5. }
    1. <div id="fschange">
    2. "font_title"> 字號：</span>
    3. <span id="fs_dec"><a href="javascript:doZoom(12)" title="縮小">-</a></span>
    4. "fs_n"><a href="javascript:doZoom(14)" title="恢復">o</a></span>
    5. <span id="fs_inc"><a href="javascript:doZoom(16)" title="增大">+</a></span>
      2. #fschange {float:rightright; margin:0; padding:0;}
      3. #fschange #font_title{margin-top:2px;}
      4. #fschange span {display:inline; float:left; margin-left:4px;}
      5. #fschange span a {border-bottom:#c8c8c8 1px solid; text-align:center; border-left:#c8c8c8 1px solid; width:16px; display:block; height:18px; border-top:#c8c8c8 2px solid; border-right:#c8c8c8 1px solid;}
      6. #fschange span a:hover {background:#ebebeb; text-decoration:none;}