編輯“WordPress:Design Themes SubPanel”

__TOC__

在主題出現(xiàn)之前，WordPress使用單一的文件<tt>index.php</tt>創(chuàng)建內(nèi)容，并且使用文件，支持評(píng)論的遞交和顯示。單一的樣式表控制外觀。所有其它的網(wǎng)頁(yè)，包括類(lèi)別和歸檔網(wǎng)頁(yè)，是通過(guò)將參數(shù)傳遞到<tt>index.php</tt>頁(yè)面，產(chǎn)生的。
 
新的主題系統(tǒng)提供了兩個(gè)方便的功能。

;分開(kāi)評(píng)論：新的WordPress模塊[[WordPress:Stepping Into Templates|模板 文件]]系統(tǒng)提供了一種方法，為WordPress站點(diǎn)的不同部分，定義不同的[[WordPress:Glossary#PHP|PHP]]文件。這樣能夠?yàn)樵S多特別的網(wǎng)頁(yè)創(chuàng)建獨(dú)一的設(shè)計(jì)和功能，例如[[WordPress:Category Templates|類(lèi)別歸檔]], [[WordPress:Creating_an_Archive_Index|按月歸檔]]，以及只有一篇文章的網(wǎng)頁(yè)。

;快速地更改布局和設(shè)計(jì)：擁有一定權(quán)限的用戶，通過(guò)上傳一個(gè)新的主題，按一下管理面板中的按鈕，就可以快速地更改整個(gè)站點(diǎn)的布局和設(shè)計(jì)。

創(chuàng)建網(wǎng)頁(yè)的舊方法仍然適用。如果你從[[WordPress:Upgrade_1.2_to_1.5|1.2或者1.2.1或者1.2.2版本升級(jí)]]，'''你可以繼續(xù)使用當(dāng)前的設(shè)計(jì)'''。保持舊的樣式，你仍然能夠添加主題并且輕易地切換樣式。

==主題是什么?==

一般來(lái)說(shuō)，WordPress主題系統(tǒng)是"包裝"你的博客外觀的方式。但是，主題不僅起著"包裝"作用。包裝你的站點(diǎn)暗示只有設(shè)計(jì)更改了。WordPress能夠更多地控制你的網(wǎng)站上的材料的外觀''和呈現(xiàn)方式''。

WordPress主題指的是一些文件的集合，這些文件一起運(yùn)行，輸出一種圖形界面，這個(gè)圖形界面擁有網(wǎng)頁(yè)日志的潛在的統(tǒng)一的設(shè)計(jì)。這些文件稱為[[WordPress:Templates|'''模板文件''']]。主題可以更改站點(diǎn)的顯示方式，但是不會(huì)更改潛在的軟件。主題可能包含自定義的模板文件，圖像文件(<tt>*.jpg</tt>, <tt>*.gif</tt>)，樣式表(<tt>*.css</tt>)，自定義[[WordPress:Pages|網(wǎng)頁(yè)]]，以及任何必要的代碼文件(<tt>*.php</tt>)。關(guān)于模板文件的介紹，請(qǐng)看看[[WordPress:Stepping Into Templates|走進(jìn)模板]]。

主題是一種全新的情況。加入你寫(xiě)了許多關(guān)于奶酪和gadgets的文章。通常創(chuàng)新性地使用[[WordPress:The Loop|WordPress Loop]] 和[[WordPress:Templates|模板文件]]，你可以自定義你的奶酪類(lèi)別文章，使得這些文章與你的Gadgets文章看起來(lái)不同。能夠控制站點(diǎn)上的不同網(wǎng)頁(yè)和類(lèi)別的外觀之后，你只會(huì)受你的想象力的限制了。關(guān)于怎樣為不同的類(lèi)別和文章使用不同的主題，請(qǐng)看看[[WordPress:The Loop in Action|運(yùn)轉(zhuǎn)的Loop]] 和[[WordPress:Category Templates|類(lèi)別模板]]。

==得到新的主題==

[http://themes.wordpress.net/ WordPress Theme Viewer]是WordPress主題的官方站點(diǎn)，這個(gè)站點(diǎn)中的主題得到審查，而且可以免費(fèi)下載。你可以在這個(gè)站點(diǎn)上通常主題的類(lèi)型和樣式搜索主題，而且可以看到主題的網(wǎng)頁(yè)瀏覽元素。

你可以在你最喜愛(ài)的搜索引擎中找到WordPress主題的許多其它在線資源。請(qǐng)測(cè)試WordPress主題，并且徹底地審查不必要的鏈接，腳本，以及代碼，再將主題使用到你的博客上，以確保安全。

==使用主題==

你開(kāi)始使用時(shí)，就可以使用兩個(gè)WordPress發(fā)行的主題。你可以使用管理面板，切換使用兩個(gè)主題。你添加到目錄中的主題會(huì)出現(xiàn)在[[WordPress:Administration Panels|管理面板]] > [[WordPress:Administration_Panels#Presentation_-_Change_the_Look_of_your_Blog|Presentation]]中，作為額外的選項(xiàng)。

===添加新的主題===

可以下載許多主題，與WordPress一起運(yùn)行。

[[WordPress:Image:themes.png|thumb|right|設(shè)計(jì)主題子面板]]如果你安裝的主題提供了指示說(shuō)明，要確定通讀這些說(shuō)明，并且遵循這些說(shuō)明，以成功地安裝主題。'''建議主題開(kāi)發(fā)人員，為自己的主題提供安裝說(shuō)明'''，因?yàn)橹黝}提供了特別的可選擇的功能，這些功能比基本的安裝步驟可能更復(fù)雜。如果你遵循了任何的說(shuō)明之后，你的主題仍然不能夠運(yùn)行，請(qǐng)'''聯(lián)系主題作者，尋求幫助'''。

要為你的WordPress添加一個(gè)新的主題，請(qǐng)遵循下面的基本步驟：
#下載主題歸檔并且解壓這些歸檔所包含的文件。解壓這些文件的時(shí)候，你可能需要在歸檔中保存這些目錄結(jié)構(gòu)。遵循主題作者提供的指導(dǎo)。
#使用[[WordPress:FTP_Clients|FTP client]]訪問(wèn)你的主機(jī)網(wǎng)絡(luò)服務(wù)器，創(chuàng)建一個(gè)目錄，將主題包含在WordPress提供的<tt>wp-content/themes</tt>目錄。例如，一個(gè)名為'''測(cè)試'''的主題應(yīng)該包含在<tt>wp-content/themes/test</tt>。你的主題應(yīng)該提供這個(gè)目錄，作為歸檔的一部分。
#將主題文件上傳到你的主機(jī)服務(wù)器的新目錄中。
#遵循[[WordPress:#Selecting_the_Active_Theme|下面的指示]]選擇新的主題。

====添加一個(gè)新的主題指南====

[http://www.village-idiot.org/archives/2008/06/13/how-to-upload-a-wordpress-theme/ 怎樣上傳一個(gè)WordPress主題]是個(gè)非常有用的指南，關(guān)于安裝一個(gè)主題有多么簡(jiǎn)單。

====在 cPanel 中添加新的主題====

如果你的主機(jī)提供[[WordPress:Glossary#cPanel|cPanel]]控制面板，而且主題文件在.zip 或者 .gz歸檔中，遵循這些指示說(shuō)明。注：這個(gè)前提是你下載的主題是個(gè)壓縮文件而且壓縮文件中的文件在'指定的'文件夾中。

#將主題壓縮文件下載到你的本地電腦上。
#在cPanel文件管理器中，導(dǎo)航到當(dāng)你主題文件夾。如果你將WordPress安裝在其自身稱為wordpress的文件夾中，你將會(huì)導(dǎo)航到"public_html/wordpress/wp-content/themes"，如果WordPress安裝在你的網(wǎng)絡(luò)根文件夾中，你將會(huì)導(dǎo)航到"public_html/wp-content/themes"。
#你一旦導(dǎo)航到了cPanel文件管理器中的主題文件夾，點(diǎn)擊上傳文件，上傳你在第一步時(shí)，保存的壓縮文件。
#上傳好壓縮文件之后，點(diǎn)擊cPanel中的壓縮文件名，然后再在右邊的面板上，點(diǎn)擊提取文件內(nèi)容，這個(gè)壓縮文件就會(huì)被解壓。
#遵循[[WordPress:#Selecting_the_Active_Theme|下面的指示說(shuō)明]]，然而再選擇新的主題。

===選擇 Active 主題===

為你的站點(diǎn)選擇active主題：

#登錄到WordPress [[WordPress:Administration Panels|管理面板]]。 
#點(diǎn)擊[[WordPress:Administration_Panels#Design_-_Change_the_Look_of_your_Blog|設(shè)計(jì)]]面板菜單標(biāo)簽。默認(rèn)情況下，你會(huì)在[[WordPress:Administration_Panels#Themes |主題]]子面板。
#在'''可獲得的主題'''部分，為你希望激活的主題，點(diǎn)擊主題標(biāo)題（或者主題截屏）
#要訪問(wèn)新的外觀，請(qǐng)?jiān)诿姘褰缑娴捻斏戏近c(diǎn)擊'''訪問(wèn)站點(diǎn)'''。

選項(xiàng)立馬就會(huì)激活。

===編輯主題===

編輯上傳的主題文件：

#登錄到WordPress的[[WordPress:Administration Panels|管理面板]]。
#點(diǎn)擊[[WordPress:Administration_Panels#Design_-_Change_the_Look_of_your_Blog|設(shè)計(jì)]]面板菜單標(biāo)簽。
#點(diǎn)擊[[WordPress:Administration_Panels#Theme_Editor|主題編輯器]]子面板菜單標(biāo)簽。
#默認(rèn)情況下，[[WordPress:Administration_Panels#Theme_Editor|主題編輯器]]為當(dāng)前激活的主題載入文件。如果你想要編輯一個(gè)不同的主題，在"選擇要編輯的主題"下拉列表上選擇要編輯的主題，并且點(diǎn)擊"選擇。"
#從右邊的列表上選擇你想要編輯的文件名。
#在文本框中更改好，并且點(diǎn)擊"更新文件。"

如果你手邊沒(méi)有你的主題的備份，先[[WordPress:WordPress_Backups#Backing_Up_Your_WordPress_Site|備份你的主題文件]]，在編輯這個(gè)文件，會(huì)是個(gè)好辦法。

==創(chuàng)建主題==

如果你對(duì)自己創(chuàng)建主題，發(fā)行，感興趣，或者你想要學(xué)習(xí)更多的關(guān)于主題結(jié)構(gòu)的內(nèi)容，請(qǐng)查看關(guān)于[[WordPress:Theme Development|主題發(fā)展]] 和[[WordPress:Designing Themes for Public Release|為公開(kāi)發(fā)行設(shè)計(jì)主題]]方面的文檔。

===主題文件===

下面是主題中通常包含的文件。
*[[WordPress:Creating_an_Error_404_Page|404 模板]] = <tt>404.php</tt>
*歸檔模板 = <tt>archive.php</tt>
*[[WordPress:Creating_an_Archive_Index|歸檔索引網(wǎng)頁(yè)]] = <tt>archives.php</tt>
*評(píng)論模板 = <tt>comments.php</tt>
*頁(yè)腳模板 = <tt>footer.php</tt>
*[[WordPress:Designing Headers|標(biāo)頭模板]] = <tt>header.php</tt>
*鏈接= <tt>links.php</tt>
*主要的模板 = <tt>index.php</tt>
*[[WordPress:Pages|網(wǎng)頁(yè)模板]] = <tt>page.php</tt>
*彈出的評(píng)論模板 = <tt>comments-popup.php</tt>
*文章模板 = <tt>single.php</tt>
*搜索形式 = <tt>searchform.php</tt>
*[[WordPress:Creating a Search Page|搜索模板]] = <tt>search.php</tt>
*[[WordPress:Customizing Your Sidebar|邊欄模板]] = <tt>sidebar.php</tt>
*樣式表 = <tt>style.css</tt>

== 從1.2.x 移到 1.5 == <span id="從 1.2.x 移到 1.5"></span>

關(guān)于將WordPress和你的WordPress主題從1.2版本升級(jí)到1.5版本的詳細(xì)信息，請(qǐng)看看：[[WordPress:Upgrade_1.2_to_1.5|從1.2升級(jí)到1.5]]。

==主題工具和其它的資源==

這些工具和資源會(huì)幫助你，創(chuàng)建和/或者提高主題。

===布局===
* [[WordPress:Blog Design and Layout|博客設(shè)計(jì)和布局]]
* [[WordPress:Stepping Into Templates|走進(jìn)模板]]
* [[WordPress:Customizing Your Sidebar|自定義你的邊欄]]
* [[WordPress:Good Navigation Links|好的導(dǎo)航鏈接]]
* [[WordPress:Next and Previous Links|上一個(gè)和下一個(gè)鏈接]]
* [[WordPress:Styling Lists with CSS|CSS的設(shè)計(jì)表]]
* [[WordPress:Creating Horizontal Menus|創(chuàng)建橫向菜單]]
* [[WordPress:Dynamic Menu Highlighting|動(dòng)態(tài)菜單聚焦]]
* [[WordPress:FAQ Layout and Design|FAQ 布局和設(shè)計(jì)]]
* [http://www.redalt.com/Tools/builder.php WordPress Index Builder] 
* [http://www.wateronlydries.com/?p=158 WordPress 默認(rèn)主題的Photoshop模板]

===模板和模板標(biāo)簽===
* [[WordPress:Templates|模板文件]]
* [[WordPress:Stepping Into Templates|走進(jìn)模板]]
* [[WordPress:Stepping Into Template Tags|走進(jìn)模板標(biāo)簽]]
* [[WordPress:Template Tags|模板標(biāo)簽]]
* [[WordPress:Theme Development|正在發(fā)展的 WordPress 主題]]
* [[WordPress:The Loop in Action|運(yùn)轉(zhuǎn)的Loop]]
* [http://guff.szub.net/wordpress/template-tags/ 便于閱讀的模板標(biāo)簽布局]
* [http://boren.nu/archives/2004/11/10/anatomy-of-a-wordpress-theme/ WordPress主題解析]
* [http://boren.nu/archives/2004/10/16/templates-and-the-is-functions/ 模板 and the is functions]
* [http://www.urbangiraffe.com/2005/04/12/themeguide1/1/ 討論WordPress主題]

===工具和資源===
* [[WordPress:Designing Themes for Public Release|為公開(kāi)發(fā)行設(shè)計(jì)主題]]
* [[WordPress:Know Your Sources|了解你的原始資料]]
* [[WordPress:Validating a Website|確認(rèn)網(wǎng)站]]
* [[WordPress:Finding Your CSS Styles|找到你的CSS樣式]]
* [[WordPress:CSS Fixing Browser Bugs|CSS解決瀏覽器程序錯(cuò)誤]]
* [http://elasticdog.com/2004/11/wp-design-sandbox/ WordPress Design Sandbox Article]
* [http://www.cameraontheroad.com/index.php?p=594 Working On CSS and the WordPress Theme (using a sandbox)]
*[http://theundersigned.net/2006/05/from-xhtmlcss-to-wordpress/ From XHTML CSS to WordPress (making a Theme}]
*[http://www.jonathanwold.com/tutorials/wordpress_theme/ 指南: 怎樣創(chuàng)建一個(gè)WordPress主題]
*[http://coevolving.com/blogs/index.php/archive/installing-and-customizing-wordpress-on-your-own-domain/ Coevolving Innovations guide to Installing Wordpress (包含一個(gè)主題) on a web host with Fantastico and cPanel] (在 Wordpress 2.2.1版本)
*[http://www.danielesalamina.it/screencast-come-modificare-il-proprio-tema-wordpress-in-5-minuti-con-firebug Screencast: Hack a Theme in 5 minute with Firebug]

===顏色，圖形，和字體===
* [http://www.redalt.com/Tools/kubrickr.php Kubrickr – 更改默認(rèn)主題標(biāo)頭圖像] 
* [http://www.digitalwestex.com/gallery/index.php?cat=3 標(biāo)頭圖形]
* [http://creativecommons.org/image/ Creative Commons Images]
* [http://www.imageafter.com/ Image * After - Free Stock Image Library]
* [http://www.freeiconsweb.com/ 免費(fèi)圖標(biāo) Library]
* [http://www.sxc.hu/ Stock.xchng - Free Stock Image Library]
* [[WordPress:Playing With Fonts|處理字體]]
* [[WordPress:Developing a Colour Scheme|發(fā)展一個(gè)顏色方案]]
* [http://colr.org Colr.org – 找出圖像顏色]
* [http://www.redalt.com/Tools/ilyc.php I Like Your Colors]
* [http://www.2yi.net/free-stock-photos.html List of More than 70 Free Stock Photo Sites]
* [http://labs.adobe.com/technologies/kuler/ kuler - Create color palettes with this web app from Adobe Labs]
* [http://www.freeiconsdownload.com/ More Than 230 High Quality Royalty Free Icons Set]