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

實現代碼示例
將此JS代碼添加到single.php中:
- <script?type=“text/javascript”>
- function?doZoom(size)?{
- var?zoom?=?document.all???document.all[‘entry’]?:?document.getElementById(‘entry’);
- }
-
- <div?id=“fschange”>
- “font_title”>字號:</span>
- <span?id=“fs_dec”><a?href=“javascript:doZoom(12)”?title=“縮小”>-</a></span>
- “fs_n”><a?href=“javascript:doZoom(14)”?title=“恢復”>o</a></span>
- <span?id=“fs_inc”><a?href=“javascript:doZoom(16)”?title=“增大”>+</a></span>
-
- #fschange?{float:rightright;?margin:0;?padding:0;}
- #fschange?#font_title{margin-top:2px;}
- #fschange?span?{display:inline;?float:left;?margin-left:4px;}
- #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;}
- #fschange?span?a:hover?{background:#ebebeb;?text-decoration:none;}