wordpress政府主題_wordpress怎樣安裝主題

『壹』如何自製wordpress主題

你可以抄參考http://fairyfish.net/2007/06/04/so-you-want-to-create-wordpress-themes-huh/

老外寫的教程很細致襲,水煮魚把他翻譯了,也很詳盡

後台不需要重新做.

不過wp的主題製作相對還是復雜些吧,我同意kris,最好還是懂點php.

你也可以下載sandbox,是老外寫的空白wp模版,你在此基礎上編寫可以省很多事情.寫寫css文件和制圖片就可以了.

『貳』 wordpress怎樣安裝主題

一.准備工具抄：

搭建成功的WordPress

能夠上網的電腦

二.方法如下：

登錄WP，來到後台管理。在儀表盤——>外觀——>主題中進行主題管理與安裝。

『叄』如何製作一款屬於自己的WordPress主題

工具/原料
本地測試環境搭建工具
WordPress安裝程序
NotPad++文本編輯工具
HTML+CSS+PHP的基本知識
方法/步驟
使用XAMPP搭建本地環境，啟動後的畫面是這樣的，關於使用方法，請善用網路

2.規劃主題文件目錄
這是完整的主題目錄里應該包含的文件，包含了一些有用的擴展
方框里的內容是我們本文所必須的。

3.分離主題文件代碼
根據我們前面設計的頁面外觀我們的主頁的HTML代碼可以是這樣的：<code><html> <head> <title>Tutorial theme</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="wrapper"> <div id="header"> <h1>HEADER</h1> </div> <div id="main"> <div id="content"></div> <div id="sidebar"></div> </div> <div id="delimiter"></div> <div id="footer"> <h1>FOOTER</h1> </div> </div> </body></html>
</code>接下來，我們對這些代碼進行模塊分離，區分出header,footer,sidebar,index等內容。頭部文件Header.php：<code><html> <head> <title>Book Review</title> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"> </head> <body> <div id="wrapper"> <div id="header"> <h1>HEADER</h1> </div>
</code>Header.php文件中的第4行我們更換了樣式表的文件路徑，這樣主題就會自己判斷並載入側邊欄文件sidebar.php<code><div id="sidebar"> <h2 ><?php _e('Categories'); ?></h2> <ul > <?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?> </ul> <h2 ><?php _e('Archives'); ?></h2> <ul > <?php wp_get_archives('type=monthly'); ?> </ul></div>
</code>Siderbar.php文件中分別輸出了分類的列表和歸檔的列表。底部文件footer.php <code>
<div id="footer"> <h1>FOOTER</h1> </div> </div> </body></html></code>主題樣式文件：style.css
<code>/*Theme Name: Book ReviewTheme URI: http://www.aidd.me/themeAuthor: the WordPress teamAuthor URI: http://www.ibooks.org.cn/*/body { text-align: center; }#wrapper { display: block; border: 1px #a2a2a2 solid; width:90%; margin:0px auto; }#header { border: 2px #a2a2a2 solid; }#content { width: 75%; border: 2px #a2a2a2 solid; float: left; }#sidebar { width: 23%; border: 2px #a2a2a2 solid; float: right; }#delimiter { clear: both; }#footer { border: 2px #a2a2a2 solid; }.title { font-size: 11pt; font-family: verdana; font-weight: bold; }</code>主題樣式文件主要完成對主題外觀的控制，這些只是最基本的樣式控制文件，你可以根據自己的需要進行適合的修改以達到自己想要的效果。通過對最簡單的HTML的不同控制，您會發現在以後的主題製作中如何優化代碼，提高代碼的通用性。主文件index.php：<code><?php get_header(); ?><div id="main"> <div id="content"> <h1>Main Area</h1> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <h1><?php the_title(); ?></h1> <h4>Posted on <?php the_time('F jS, Y') ?></h4> <p><?php the_content(__('(more...)')); ?></p> <hr> <?php endwhile; else: ?> <p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?> </div> <?php get_sidebar(); ?></div><?php get_footer(); ?></code>在主文件中，我們分別通過調用了get_header(),get_sidebar(),get_footer()實現了文件的整合，通過if判斷是否存在日誌文章，然後通過While循環來輸出資料庫中的日誌文檔。這雖然是一個最基本，最簡單的主題，但通過主題的製作您能夠會不斷的發現問題，並通過請教網路，谷歌等搜索引擎來獲取更多的知識。通過查CSS您可能獲得更多的CSS控制的特效的技能或許您會發現BootStrap是如此強大。通過查找get_header,您會發現更多其獨特的功能，你會發現wp_footer函數像WP_head()函數一樣重要，通過查找側邊欄sidebar,您會發現原來可能通過小工具使側邊欄變得如此強大，通過查找文章類型，文章形式，分類法，你會發現原來WordPress可以完成你想要的任何功能。

『肆』怎麼修改wordpress主題

其實修改和製作主題並沒有想像中的那麼復雜，當然你要作出一款驚世駭俗的Wordpress主題除外。
先說說修改Wordpress模版所需掌握的知識。Wordpress函數大部分都可以在WP官方Codex找到，也可以說是固定的，並不需深入學習，知道某句函數從哪開始到哪結束就可以，已免修改主題時造成錯誤。關鍵是掌握DIV+CSS，網上教程很多，對於修改Wordpress模板粗略學一下原理就夠了，也就是那麼幾句屬性寫法，因為我也還在學習，這里就不現丑教大家了，自己找個教程看看吧。
一套完整的WordPress模版應至少包括如下文件：
style.css : 樣式表文件
index.php : 首頁模板
archive.php : 文章歸檔/分類目錄模板
404.php : 404 模板
comments.php : 留言/回復模板
footer.php : 底部模板
header.php : 頂部模板
sidebar.php : 側欄模板
page.php : 頁面模板
single.php : 文章頁面模板
functions.php : 模板函數
search.php : 搜索結果模板
當然，有些主題可能不止這些文件，比如我的HotNews Pro主題模板文件有上百個，但以上文件是每套模板所必備的。
知道上面模板的作用可以讓你知道當前頁面應該修改哪個對應的模板。
下面是這篇的重點：工欲善其事，必先利其器！
可能很多人一想到網頁製作工具，就會聯想到＂網頁三劍客＂中的Dreamweaver（簡稱DW）號稱所見即所得，那是指當初流行用Table表格製作網頁，而現如今是DIV+CSS時代了，所見即所得的優勢再也沒有了，這個DW幾乎已無用武之地（個人認為）。另外國外原來常用的網頁製作工具是Adobe GoLive，由於中文版推出較晚，才造成DW在國內流行，DIV+CSS網頁製作大型軟體也是首推Adobe GoLive，不過該軟體目前已停止開發，可惜。今天推薦的工具並不是這兩個售價高昂，體積龐大軟體．修改和製作Wordpress主題根本無需使用什麼專業軟體，不過也不像某些人吹噓的那樣用系統自帶的記事本就能寫主題。
首先，你需要搭建一個本地PHP測試環境，方便修改模版，當然你也可以在Wordpress後台主題編輯頁面中修改，臨時用一下還可以，不適合修改較多的情況。如何搭建本地測試環境網上教程很多，這里就不詳細說了，推薦使用Wamp或者phpStudy，自己搜索一下。
必備工具軟體：
■ 文本編輯器
EmEditor（收費軟體）、EditPlus（收費軟體）、Notepad++（免費）
前兩款是收費軟體，後者是免費的功能也非常不錯，適合新手使用，絕不能用系統自帶的記事本編輯模版文件，特別是中文模版，否則會造成模板借位，中文模版編碼為：UTF-8 無BOM。
■ 火狐瀏覽器（Mozilla Firefox）
有的人會問，為什麼要用火狐，系統自帶的IE一樣可以瀏覽網站？當然不是完全用火狐去瀏覽網站，而是利用火狐強大的擴展能力，為我們仙人指路。
當我們要修改某部分樣式及結構時，都會直接打開Wordpress主題模板文件或在後台編輯主題，密密麻麻的代碼，就是主題作者自己看了也會頭暈眼花，所以會經常在關鍵部位加上一些注釋，
php中注釋一般為：
css中為：/** XXX **/
但一些注釋可能只有作者自己知道是什麼。因此，很難在打開的模板文件中找到准備修改的部分，這時我們就會用到火狐的擴展：Firebug，下載地址
IE瀏覽器也有類似的插件，但功能上無法與火狐的擴展相比，一些瀏覽器本身就集成了該功能比如Opera，功能貌似同樣的強大。
具體操作方法
如果你已安裝火狐並已添加Firebug擴展，可以繼續往下看如何具體修改Wordpress主題。
■ 修改頁面元素的文字大小
以修改HotNews Pro主題CMS布局，最新文章標題文字大小為例：
滑鼠停在最新文章標題上，右鍵調出菜單選擇「使用Firebug」查看元素（如圖）

之後默認會在火狐瀏覽器底部調出Firebug窗口，左側顯示的是當前網頁元素的HTML結構，右側是當前元素選擇器的樣式屬性和所在的文件及行數（如圖），在style.css文件的第277行。

用上面介紹的文本編輯軟體，打開主題style.css文件在277行找到：
#post h3 {
font-size: 13px;
font-weight: bold;
}
修改其中的數字13，為自己認為合適的大小即可。
如果當前元素選擇器的樣式中沒有控制字體大小的 font-size: 13px; 屬性，而是使用的全局字型大小設定，可以為其單獨加上這個 font-size: 13px; 屬性
看了上面的一個實例，是不是很簡單，修改主題樣式，關鍵是要找到所需修改元素選擇器名稱及樣式屬性的位置。
本人在修改主題模版時也用同樣的方法，沒有Firebug擴展的仙人指路，就是修改自己作的模板也決不是一件易事。
■ 如何確定某個網頁元素（模塊）的整段代碼，便於調整位置。
以HotNews Pro主題導航菜單移動到LOGO下面為例：
首先，用上面的方法確定導航菜單最外層的選擇器名稱為：top
然後，用Notepad++文本編輯器，打開主題頂部模板header.php，搜索查找top位置，並用滑鼠點擊該選擇器，會發現Notepad++已為我們明確標示了該段代碼開始和結束的位置（如圖）：

下面的就簡單了，用同樣的方法找到導航菜單下面元素最外層的選擇器結束的位置將代碼移動至此即可。
以上就是修改模板的基本方法和步驟，所謂的高手基本都這么折騰模版，如果你花一兩天時間學一下DIV+CSS相信會更得心應手。
另一個比較不錯的擴展是：Web Developer，這里就不介紹了，請自行研究。

導航:首頁 > 文件教程 > wordpress政府主題

wordpress政府主題

與wordpress政府主題相關的資料

友情鏈接