<![CDATA[I.T. Blogs - 香港矽谷 - 網絡創業 - Articles - ]]> http://www.hksilicon.com/kb en-us N/A vince@hksilicon.com Thu, 09 Sep 2010 21:28:37 +0800 20 false false false clean <![CDATA[WordPress 主題教程電子書下載]]> http://www.hksilicon.com/kb/articles/4004/WordPress box.net提供的數據，其他下載站的數據無法統計，估計至少還有1萬次的下載，從2009年12月份來，我已經對這個教程進行大的修正，今天（2010-1-20）發布修正后的第一版。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/4004/WordPress <![CDATA[erdaoo 的 WP Theme 教程學習筆記]]> http://www.hksilicon.com/kb/articles/4005/erdaooWP-Theme erdaoo 學習本站的 WP Theme 教程之后的學習筆記整理，經本站整理，erdaoo 本人同意之后在本站發表，以便給更多學習 WP Theme 教程的人幫助。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/4005/erdaooWP-Theme <![CDATA[WP Theme 教程 #16：留言模板]]> http://www.hksilicon.com/kb/articles/4003/WP-Theme16 你几乎完成了。堅持一下最后這一篇課程。這篇你將涉及到所有博客的最重要的東西；評論模板。在我看來，一個博客將不成為我博如果它不允許讀者留言。可能對一些人來說，評論或者留言并不是那么重要，但是我覺得這是非常奇怪的去想象不可以留言博客。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/4003/WP-Theme16 <![CDATA[WP Theme 教程 #15：子模板文件]]> http://www.hksilicon.com/kb/articles/4002/WP-Theme15 header.php，sidebar.php 和 footer.php 一樣創建更多的子模板文件。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/4002/WP-Theme15 <![CDATA[WP Theme 教程 #14：底部和拆分 Index]]> http://www.hksilicon.com/kb/articles/4001/WP-Theme14-Index index.php 文件分成多個小文件。在這篇中，你可能先需要 style.css 文件，然后你將把 index.php 分成一些新的文件。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/4001/WP-Theme14-Index <![CDATA[WP Theme 教程 #13：樣式化側邊欄]]> http://www.hksilicon.com/kb/articles/3996/WP-Theme13 no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3996/WP-Theme13 <![CDATA[WP Theme 教程 #12：日志樣式化和其他雜項]]> http://www.hksilicon.com/kb/articles/3995/WP-Theme12 這篇不需要 index.php。

打開Xampp Control，theme 文件夾，Firefox，Internet Explorer 和 style.css 文件。

]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3995/WP-Theme12 <![CDATA[WP Theme 教程 #11：寬度和布局]]> http://www.hksilicon.com/kb/articles/3994/WP-Theme11 這篇將涉及如何設置每個 DIV 的寬度和布局排版。同樣也會向你展示如何讓你的主題顯示正確，并同時在 Firefox 和 IE 顯示相同。

在我們開始之前，打開下面這些東東：Xampp Control，主題文件夾，Firefox 瀏覽器，IE 瀏覽器，index.php和style.css這兩個文件。

]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3994/WP-Theme11 <![CDATA[WP Theme 教程 #10：十六進制顏色代碼和樣式化鏈接]]> http://www.hksilicon.com/kb/articles/3987/WP-Theme10 着色和十六進制顏色代碼。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3987/WP-Theme10 <![CDATA[WP Theme 教程 #9：Style.css 和 CSS 介紹]]> http://www.hksilicon.com/kb/articles/3986/WP-Theme9StylecssCSS 學習 CSS 最好的方法就是去用它，不像 XHTML 和 PHP，你不需要接觸模板的核心文件，你同樣不要需要理解任何基本概念，只要去用它。試用和錯誤是你前進的方法。

在我們開始之前，你應該已經有些內容在你的 style.css 文件了。讓我們現在找出這部分信息是干什么的？

]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3986/WP-Theme9StylecssCSS <![CDATA[WP Theme 教程 #8：如何驗證]]> http://www.hksilicon.com/kb/articles/3985/WP-Theme8 style.css 文件之前，你需要學習如何驗證你的代碼。簡單說，驗證（Validate/Validating/Validation）就是確認代碼沒有錯誤。在開始這個系列教程之前，我給了你兩個鏈接，XHTML Validator 和 CSS Validator。在這篇，你將學到 XHTML 驗證器。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3985/WP-Theme8 <![CDATA[WP Theme 教程 #7：尾部]]> http://www.hksilicon.com/kb/articles/3980/WP-Theme7 尾部（footer）的這篇教程將會很簡單。只要在側邊欄下增加個 DIV 標簽，然后輸入一些版權信息。其實你完全可以不用我說明就能自己做，去試下吧。然后返回這里再仔細檢查下。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3980/WP-Theme7 <![CDATA[WP Theme 教程 #6e：窗體化側邊欄]]> http://www.hksilicon.com/kb/articles/3979/WP-Theme6e Widget 這個插件（譯者注：WordPress 2.2 已經內置了 Wodgets），這個插件讓你非常容易就能夠重新整理側邊欄的模塊。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3979/WP-Theme6e <![CDATA[WordPress 主題教程 #6d：搜索框和日曆]]> http://www.hksilicon.com/kb/articles/3978/WordPress6d 從零開始創建 WordPress 主題系列教程的第六篇的第四部分，盡管這篇的題目是 搜索框（Search Form） 和 日曆（Calendar），但是我同樣也會介紹 元數據（Meta） 。這一篇我們會結束常規的側邊欄，然后將在下一篇將介紹如何窗體化（widgetize）化側邊欄。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3978/WordPress6d <![CDATA[WordPress 主題教程 #6c：存檔和鏈接列表]]> http://www.hksilicon.com/kb/articles/3975/WordPress6c 存檔和鏈接列表是從零開始創建 WordPress 主題系列教程的第六篇的第三分，這篇將比較簡單，講解如何調用存檔鏈接列表和友情鏈接（blogroll）列表。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3975/WordPress6c <![CDATA[WordPress 主題教程 #6b：頁面鏈接列表]]> http://www.hksilicon.com/kb/articles/3974/WordPress6b 頁面鏈接列表是從零開始創建 WordPress 主題系列教程的第六篇的第二部分，通過上一篇的學習，現在已經熟悉了側邊欄的結搆，接下來我們將繼續修改側邊欄，完成頁面鏈接（Page-link）列表。當完成常規的側邊欄之后，我們將學習如何窗體化（widgetize）側邊欄。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3974/WordPress6b <![CDATA[WordPress 主題教程 #6：側邊欄]]> http://www.hksilicon.com/kb/articles/3924/WordPress6 側邊欄是從零開始創建 WordPress 主題系列教程的第六篇，這一篇我們主要講解 WordPress 主題的側邊欄，讓你很快掌握它的結搆，并能編碼和樣式化它。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3924/WordPress6 <![CDATA[WordPress 主題教程 #5e：日志導航鏈接]]> http://www.hksilicon.com/kb/articles/3923/WordPress5e 日志導航鏈接是從零開始創建 WordPress 主題系列教程的第五篇的第五部，在絕大多數的 WordPress 博客的底部，都會有 下一頁 (Next Page) 或者 上一頁 (Previous Page) 這樣的導航鏈接。我們可以通過 WordPress 的模板系統中的 posts_nav_link() 這個函數調用這些鏈接。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3923/WordPress5e <![CDATA[WordPress 主題教程 #5d：Else，日志 ID，鏈接標題]]> http://www.hksilicon.com/kb/articles/3922/WordPress5dElse-ID Else，日志 ID，鏈接標題是從零開始創建 WordPress 主題系列教程的五篇的第四部分，這篇課程將講解其他3個可以增加到日志中的元素：Else，post ID, 和 鏈接的 title 值。盡管它們是可選的，但是我們几乎可以在我每一個免費的主題中都能找到。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3922/WordPress5dElse-ID <![CDATA[WordPress 主題教程 #5c：日志元數據]]> http://www.hksilicon.com/kb/articles/3918/WordPress5c 日志元數據是從零開始創建 WordPress 主題系列教程的五篇的第三部分，今天我們將開始講解日志的元數據（Postmetadata）：日期（date），分類（categories），作者（author），評論數（number of comments），以及其他和日志有關系的信息。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3918/WordPress5c <![CDATA[WordPress 主題教程 #5b：日志內容]]> http://www.hksilicon.com/kb/articles/3917/WordPress5b 日志內容是從零開始創建 WordPress 主題系列教程第五篇的第二部分，在這篇中，我們將展示如果顯示博客日志的內容，并且使用一個 DIV 標簽把博客日志的內容和日志的標題區分開。再次強調一次，上一篇關于 WordPress 主循環介紹的課程非常重要，你需要徹底明白之后才能繼續學習。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3917/WordPress5b <![CDATA[WordPress 主題教程 #5：主循環]]> http://www.hksilicon.com/kb/articles/3908/WordPress5 主循環（The Loop）是 WordPress 中最重要的 PHP 代碼集，几乎所有的頁面都會用到它。這也是從零開始創建 WordPress 主題系列教程的第五篇。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3908/WordPress5 <![CDATA[WordPress 主題教程 #4b：Header 模板 2]]> http://www.hksilicon.com/kb/articles/3907/WordPress4bHeader2 no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3907/WordPress4bHeader2 <![CDATA[WordPress 主題教程 #4a：Header 模板]]> http://www.hksilicon.com/kb/articles/3906/WordPress4aHeader no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3906/WordPress4aHeader <![CDATA[WordPress 主題教程 #3：開始 Index.php]]> http://www.hksilicon.com/kb/articles/3900/WordPress3-Indexphp no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3900/WordPress3-Indexphp <![CDATA[WordPress 主題教程 #2：模板文件和模板]]> http://www.hksilicon.com/kb/articles/3899/WordPress2 WordPress 主題教程 #1：介紹中，我們已經學過了 WordPress 的兩條基本規則和朮語，而這篇將會深入講解模板文件，模板，以及每個頁面的結搆。 WordPress 博客的每個頁面是由多個模板文件組成的]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3899/WordPress2 <![CDATA[WordPress 主題教程 #1：介紹]]> http://www.hksilicon.com/kb/articles/3898/WordPress1 介紹首先是 WordPress 主題制作的一個最基本的介紹。這里會涉及到 HTML 和 WordPress 的基本規則，一些專業朮語，以及 WordPress 主題的層式結。這些概念是很重要的，在接下來教程的很多地方都會涉及到，所以開始之前一定要搞清楚。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3898/WordPress1 <![CDATA[WordPress 主題教程：從零開始制作 WordPress 主題]]> http://www.hksilicon.com/kb/articles/3808/WordPressWordPress 從零開始制作 WordPress 主題其實不難，只要你從現在開始認真閱讀這個教程，一步一步認真學習，你就會成為一個 WordPress 主題制作高手。至少你會修改現有主題。 :-)

網絡上已經有很多關于制作 WordPress 主題的教程，并且 WordPress 官方網站上也有指導文章。但是當你不懂這方面的朮語的話，這些教程可能不一定會幫助你，甚至還會誤導你，所以這個教程會真正從零開始教你如何創建 WordPress 主題。]]> no@spam.com (Fairy Fish) http://www.hksilicon.com/kb/articles/3808/WordPressWordPress