編輯“WordPress:Design Themes SubPanel”

__TOC__

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

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

;快速地更改布局和設計：擁有一定權限的用戶，通過上傳一個新的主題，按一下管理面板中的按鈕，就可以快速地更改整個站點的布局和設計。

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

==主題是什么?==

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

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

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

==得到新的主題==

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

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

==使用主題==

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

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

可以下載許多主題，與WordPress一起運行。

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

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

====添加一個新的主題指南====

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

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

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

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

===選擇 Active 主題===

為你的站點選擇active主題：

#登錄到WordPress [[WordPress:Administration Panels|管理面板]]。 
#點擊[[WordPress:Administration_Panels#Design_-_Change_the_Look_of_your_Blog|設計]]面板菜單標簽。默認情況下，你會在[[WordPress:Administration_Panels#Themes |主題]]子面板。
#在'''可獲得的主題'''部分，為你希望激活的主題，點擊主題標題（或者主題截屏）
#要訪問新的外觀，請在面板界面的頂上方點擊'''訪問站點'''。

選項立馬就會激活。

===編輯主題===

編輯上傳的主題文件：

#登錄到WordPress的[[WordPress:Administration Panels|管理面板]]。

#點擊[[WordPress:Administration_Panels#Design_-_Change_the_Look_of_your_Blog|設計]]面板菜單標簽。

#點擊[[WordPress:Administration_Panels#Theme_Editor|主題編輯器]]子面板菜單標簽。

#默認情況下，[[WordPress:Administration_Panels#Theme_Editor|主題編輯器]]為當前激活的主題載入文件。如果你想要編輯一個不同的主題，在"選擇要編輯的主題"下拉列表上選擇要編輯的主題，并且點擊"選擇。"

#從右邊的列表上選擇你想要編輯的文件名。

#在文本框中更改好，并且點擊"更新文件。"

如果你手邊沒有你的主題的備份，先[[WordPress:WordPress_Backups#Backing_Up_Your_WordPress_Site|備份你的主題文件]]，在編輯這個文件，會是個好辦法。

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

如果你對自己創(chuàng)建主題，發(fā)行，感興趣，或者你想要學習更多的關于主題結構的內容，請查看關于[[WordPress:Theme Development|主題發(fā)展]] 和[[WordPress:Designing Themes for Public Release|為公開發(fā)行設計主題]]方面的文檔。

===主題文件===

下面是主題中通常包含的文件。
*[[WordPress:Creating_an_Error_404_Page|404 模板]] = <tt>404.php</tt>
*歸檔模板 = <tt>archive.php</tt>
*[[WordPress:Creating_an_Archive_Index|歸檔索引網(wǎng)頁]] = <tt>archives.php</tt>
*評論模板 = <tt>comments.php</tt>
*頁腳模板 = <tt>footer.php</tt>
*[[WordPress:Designing Headers|標頭模板]] = <tt>header.php</tt>
*鏈接= <tt>links.php</tt>
*主要的模板 = <tt>index.php</tt>
*[[WordPress:Pages|網(wǎng)頁模板]] = <tt>page.php</tt>
*彈出的評論模板 = <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>

關于將WordPress和你的WordPress主題從1.2版本升級到1.5版本的詳細信息，請看看：[[WordPress:Upgrade_1.2_to_1.5|從1.2升級到1.5]]。

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

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

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

===模板和模板標簽===
* [[WordPress:Templates|模板文件]]
* [[WordPress:Stepping Into Templates|走進模板]]
* [[WordPress:Stepping Into Template Tags|走進模板標簽]]
* [[WordPress:Template Tags|模板標簽]]
* [[WordPress:Theme Development|正在發(fā)展的 WordPress 主題]]
* [[WordPress:The Loop in Action|運轉的Loop]]
* [http://guff.szub.net/wordpress/template-tags/ 便于閱讀的模板標簽布局]
* [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|為公開發(fā)行設計主題]]
* [[WordPress:Know Your Sources|了解你的原始資料]]
* [[WordPress:Validating a Website|確認網(wǎng)站]]
* [[WordPress:Finding Your CSS Styles|找到你的CSS樣式]]
* [[WordPress:CSS Fixing Browser Bugs|CSS解決瀏覽器程序錯誤]]
* [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)建一個WordPress主題]
*[http://coevolving.com/blogs/index.php/archive/installing-and-customizing-wordpress-on-your-own-domain/ Coevolving Innovations guide to Installing Wordpress (包含一個主題) 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 – 更改默認主題標頭圖像] 
* [http://www.digitalwestex.com/gallery/index.php?cat=3 標頭圖形]
* [http://creativecommons.org/image/ Creative Commons Images]
* [http://www.imageafter.com/ Image * After - Free Stock Image Library]
* [http://www.freeiconsweb.com/ 免費圖標 Library]
* [http://www.sxc.hu/ Stock.xchng - Free Stock Image Library]
* [[WordPress:Playing With Fonts|處理字體]]
* [[WordPress:Developing a Colour Scheme|發(fā)展一個顏色方案]]
* [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]