ITnote

增加WordPress正文字體及背景顏色控制按鈕

很多站都有這樣的功能，可以自由控制正文字體大小背景顏色，方便不同的用戶群，尤其是小說類網站更為必要。

實現方法：

1.在主題Single中加入如下代碼：

<script type="text/javascript">
function SetFont(size){
document.getElementById("sizecolor").style.fontSize=size
}
function SetColor(color){
document.getElementById("sizecolor").style.backgroundColor=color
}
</script>

2.在正文和標題之間的適當位置添加

文字:<a href="javascript:SetFont('12px')" accesskey="1">小</a> <a href="javascript:SetFont('14px')" accesskey="2">中</a> <a href="javascript:SetFont('16px')" accesskey="3">大</a>
<a href="javascript:SetColor('#ffffff')" accesskey="1">白</a> <a href="javascript:SetColor('#b1d5f3')" accesskey="2">藍</a> <a href="javascript:SetColor('#CCE8CF')" accesskey="3">綠</a>

3.最後在正文部分的DIV中添加 id=”sizecolor"的ID，如下：

<div id="sizecolor" class="content">.........</div>

透過以上方式，訪客就可以自行決定他們想要觀看的字體大小及背景顏色，大幅增加用戶體驗了。



原文：http://www.seohouse.org/?p=1023