欧美极品在线观看不卡|国产精品Va免费视频|国产国产人无码在线免费|亚洲精品无码九九九九九|亚洲国产综合精品久久久久|成人国产在线观看高清不卡|制服诱惑一区二区三区六区|国产一区二区精品高清在线观看

新聞中心

WordPress主題添加字體大小切換按鈕

作者 / 無(wú)憂(yōu)主機(jī) 時(shí)間 2014-12-01 16:10:21

小編經(jīng)常會(huì)看到一些網(wǎng)頁(yè)在顯著位置有一個(gè)“大、中、小”的字號(hào)選擇切換按鈕,個(gè)人認(rèn)為這是個(gè)很人性化的設(shè)計(jì),方便不同人群的閱讀習(xí)慣。很多站長(zhǎng)朋友也想在自己的網(wǎng)站中實(shí)現(xiàn)這個(gè)功能,而且是用wordpress建站,接下來(lái)小編以默認(rèn)主題Twenty Eleven為例,把該功能集成到Wordpress主題中。 一、連接FTP工具,打開(kāi)Twenty Eleven主題文章頁(yè)面模板single.php,把下面javascript代碼:

<script type="text/javascript"> 
function doZoom(size) { 
var zoom = document.all ? document.all['primary'] : document.getElementById('primary'); 
zoom.style.fontSize = size + 'px'; 
} 
</script>
加到第12行:
<div id="primary">
上面。 (primary為正文內(nèi)容所在的id選擇器標(biāo)簽名稱(chēng),可根據(jù)不同主題進(jìn)行修改,前提正文內(nèi)容所在選擇器必須是<div id="primary">形式,采用<div class="primary">控制將失效。) 二、把下面代碼:
<div class="font"><a href="javascript:doZoom(12)">小</a> <a href="javascript:doZoom(13)">中</a> <a href="javascript:doZoom(18)">大</a></div>
加到:
<span class="nav-next"><?php next_post_link( '%link', __( 'Next <span class="meta-nav">→</span>', 'twentyeleven' ) ); ?></span>
下面,視不同主題可以放在自己認(rèn)為合適的位置。 括號(hào)中的數(shù)字為字號(hào)大小,可自行修改。 三、最后根據(jù)不同的主題添加適當(dāng)?shù)臉邮娇刂啤? 希望可以幫助到各位站長(zhǎng)朋友! 無(wú)憂(yōu)主機(jī)相關(guān)文章推薦閱讀: WORDPRESS統(tǒng)計(jì)插件WP STATISTICS WORDPRESS實(shí)現(xiàn)社會(huì)化聯(lián)合登錄功能實(shí)現(xiàn)方法 如何利用.HTACCESS實(shí)現(xiàn)ZBLOG和WORDPRESS之間的鏈接跳轉(zhuǎn) WORDPRESS卸載WP-SUPER-CACHE插件導(dǎo)致無(wú)法顯示最新發(fā)布的文章

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

1
1
1
1
1
1
1

客戶(hù)服務(wù)熱線

0791-8623-3537

在線客服