眾口難調,網頁上正文的字體大小一般在 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');
  4. }
    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>
      1. #fschange {float:rightrightmargin:0; padding:0;}
      2. #fschange #font_title{margin-top:2px;}
      3. #fschange span {display:inlinefloat:leftmargin-left:4px;}
      4. #fschange span a {border-bottom:#c8c8c8 1px solidtext-align:centerborder-left:#c8c8c8 1px solidwidth:16pxdisplay:blockheight:18pxborder-top:#c8c8c8 2px solidborder-right:#c8c8c8 1px solid;}
      5. #fschange span a:hover {background:#ebebebtext-decoration:none;}