增加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
增加WordPress正文字體及背景顏色控制按鈕
誰在線上
正在瀏覽這個版面的使用者:沒有註冊會員 和 0 位訪客