如何讓每個 WordPress 頁面有不同的風格或者樣式

如果使用 page.php 來處理所有頁面的外觀的話，答案肯定是不行的，但是如果使用不同的 WordPress 頁面模板，就可以自定義每個頁面的外觀了。

創(chuàng)新互聯(lián)建站堅持“要么做到，要么別承諾”的工作理念，服務領域包括：網(wǎng)站建設、成都網(wǎng)站設計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的羅山網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！

比如你博客的所有的頁面除了“關于”這個頁面之外都有側邊欄，在“關于”頁面，你想內容的寬度能夠擴展到這個頁面的寬度。下面就是詳細的實現(xiàn)步驟：

在當前使用的主題文件夾中創(chuàng)建一個新模板，將它命名為 about.php。

完成之后，到 about.php 的最上面插入以下代碼：

以下內容以本博使用的Wordpress Version 2.9.1為例

1、不同分類使用不同模版 ：

以建立promotion和tournament兩個分類為例：

假設它們的分類ID–category id分別為2、3，

wordpress存放路徑為 htdocs\wordpress\

那么在文件夾wordpress\wp-content\themes\your-theme下

復制兩個category.php模板文件，重命名為category-2.php和category-3.php

這樣分別修改兩個模版文件，即可定制出你需要的、獨特的分類頁面

2、 不同頁面使用不同模版

再來定制不同pages的模板，以about頁面為例：

復制文件夾wordpress\wp-content\themes\yourtheme下page.php模版文件

重命名為about.php， 注意在此文件最頂端加上如下代碼，否則在后臺管理面板讀不到：

!--p /*Template Name: about */--

然后在管理后臺-Pages-Edit 編輯about頁面，

在Template模板下拉菜單中選擇about，

保存即可

3 、不同日志使用不同模版

例如為日志應用特別的模板：

復制文件夾wordpress\wp-content\themes\yourtheme下single.php模版文件

重命名為single-4.php，按需求進行單獨修改

打開single.php模版文件

將其中的所有代碼以如下代碼包裹，形如

!--p $current_cat= get_the_category();$current_single_file= TEMPLATEPATH .'/single-'.$current_cat[0--cat_ID.'.php';if(is_file($current_single_file)){include($current_single_file);}else{ ? 此處為原來single.php中的所有代碼 !--p }--

如何修改wordpress博客字體為微軟雅黑

找到

WordPress

的樣式表文件：style.css，然后在里面加入下面的語句：

*{

font-family

:'

微軟雅黑

';

}

表示所有標簽下的文字字體都為微軟雅黑！

當然可能會有個別地方因為優(yōu)先級的問題不會是微軟雅黑，這是就需要手動的尋找并修改了！

wordpress 怎樣修改字體

更改步驟：

一、打開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ù)臉邮娇刂啤?/p>

網(wǎng)站題目：wordpress變體樣式 wordpress更換模板
分享URL：http://www.rwnh.cn/article12/doggdgc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、響應式網(wǎng)站、手機網(wǎng)站建設、微信小程序、靜態(tài)網(wǎng)站、電子商務

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)