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

回覆文章
tony
文章: 585
註冊時間: 2012-02-26, 07:04
聯繫:

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

未閱讀文章 tony »

增加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
回覆文章

誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 1 位訪客