無(wú)憂主機(jī)小編很喜歡看小說(shuō)。在打開(kāi)騰訊小說(shuō)的時(shí)候，小編發(fā)現(xiàn)在很多大型小說(shuō)站以及新聞?wù)緦?duì)客戶都開(kāi)放一個(gè)字號(hào)調(diào)整按鈕功能，主要讓客戶調(diào)整自己合適字體方便觀看。這無(wú)疑是增加了用戶體驗(yàn)度~下面無(wú)憂小編就簡(jiǎn)單的介紹下如何在wordpress中不用插件實(shí)現(xiàn)代碼實(shí)現(xiàn)字體字號(hào)調(diào)整功能，在修改代碼的時(shí)候一定要看清楚，但是無(wú)憂主機(jī)小編為了讓大家可以簡(jiǎn)單的理解會(huì)說(shuō)的很詳細(xì)的，只要按照下面教程一步步操作也可以實(shí)現(xiàn)就沒(méi)問(wèn)題。   [caption id="attachment_16335" align="alignnone" width="300"] wordpress字號(hào)調(diào)整功能效果圖[/caption] 首先找到single.php，這個(gè)是用來(lái)控制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)然擁有上面的代碼，無(wú)憂小編還是認(rèn)為不夠完美的還需要一些腳本驅(qū)動(dòng)代碼實(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.love62.cn/wordpress/16334.html