新聞中心
WordPress主題添加字體大小切換按鈕
作者 / 無憂主機 時間 2014-12-01 16:10:21
小編經常會看到一些網頁在顯著位置有一個“大、中、小”的字號選擇切換按鈕,個人認為這是個很人性化的設計,方便不同人群的閱讀習慣。很多站長朋友也想在自己的網站中實現(xiàn)這個功能,而且是用wordpress建站,接下來小編以默認主題Twenty Eleven為例,把該功能集成到Wordpress主題中。 一、連接FTP工具,打開Twenty Eleven主題文章頁面模板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為正文內容所在的id選擇器標簽名稱,可根據(jù)不同主題進行修改,前提正文內容所在選擇器必須是<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>下面,視不同主題可以放在自己認為合適的位置。 括號中的數(shù)字為字號大小,可自行修改。 三、最后根據(jù)不同的主題添加適當?shù)臉邮娇刂啤? 希望可以幫助到各位站長朋友! 無憂主機相關文章推薦閱讀: WORDPRESS統(tǒng)計插件WP STATISTICS WORDPRESS實現(xiàn)社會化聯(lián)合登錄功能實現(xiàn)方法 如何利用.HTACCESS實現(xiàn)ZBLOG和WORDPRESS之間的鏈接跳轉 WORDPRESS卸載WP-SUPER-CACHE插件導致無法顯示最新發(fā)布的文章
本文地址:http://m.love62.cn/wordpress/17762.html
上一篇: WordPress延遲加載廣告代碼的方法
下一篇: WordPress忘記密碼處理方法總結篇
![1](/wp-content/themes/starow_z/img/o-1.png)
![1](/wp-content/themes/starow_z/img/o-2.png)
![1](/wp-content/themes/starow_z/img/o-3.png)
![1](/wp-content/themes/starow_z/img/o-4.png)
![1](/wp-content/themes/starow_z/img/o-5.png)
![1](/wp-content/themes/starow_z/img/o-6.png)
![1](/wp-content/themes/starow_z/img/o-7.png)