無憂主機(jī)小編很喜歡看小說。在打開騰訊小說的時(shí)候，小編發(fā)現(xiàn)在很多大型小說站以及新聞?wù)緦蛻舳奸_放一個(gè)字號調(diào)整按鈕功能，主要讓客戶調(diào)整自己合適字體方便觀看。這無疑是增加了用戶體驗(yàn)度~下面無憂小編就簡單的介紹下如何在wordpress中不用插件實(shí)現(xiàn)代碼實(shí)現(xiàn)字體字號調(diào)整功能，在修改代碼的時(shí)候一定要看清楚，但是無憂主機(jī)小編為了讓大家可以簡單的理解會說的很詳細(xì)的，只要按照下面教程一步步操作也可以實(shí)現(xiàn)就沒問題。   [caption id="attachment_16335" align="alignnone" width="300"] wordpress字號調(diào)整功能效果圖[/caption] 首先找到single.php，這個(gè)是用來控制wordpress網(wǎng)站每篇文章的顯示的哦，然后在文件中適當(dāng)?shù)奈恢锰砑影粹o代碼，把如下的代碼添加到single.php里面去。 <div><a href="javascript:doZoom(16)">小</a> <a href="javascript:doZoom(18)">中</a> <a href="javascript:doZoom(24)">大</a></div> 當(dāng)然擁有上面的代碼，無憂小編還是認(rèn)為不夠完美的還需要一些腳本驅(qū)動代碼實(shí)現(xiàn)效果，還是在同一個(gè)文件下，找一個(gè)適合的位置添加以下js代碼：

<script type="text/javascript">
function doZoom(size) {
var zoom = document.all ? document.all['entry'] : document.getElementById('entry');
zoom.style.fontSize = size + 'px';
}
</script>

本文地址：http://www.gle-technology.com/wordpress/16334.html