導讀:小試牛刀一個 WordPress 主題至少包含以下兩個檔案:style cssindex php 好,現在就開始我們的 WordPress 主題製作。在你的 WordPress 目錄 wp-cont

一個 WordPress 主題至少包含以下兩個檔案:

     好,現在就開始我們的 WordPress 主題製作。在你的 WordPress 目錄 wp-content hemes 下新建一個資料夾,命名為 Aurelius,將 WordPress 主題製作全過程 (三):HTML 靜態模板製作下載到的 style.cssindex.html 放到該目錄下,再將 index.html 重新命名為 index.php,這樣 wp-content hemesAurelius 目錄下就有下面兩個檔案:

     登陸你的 WordPress 網站管理後臺 – 外觀,裡面是不是多了一個主題」Aurelius」 呢?如下圖所示:

啟用該主題,開啟你的部落格主頁,OH,頁面一片混亂?怎麼搞的?先繼續看下文。你可能會很好奇,這個主題的名稱可不以改成我要的名字呢、主題作者能不能改成我的名字呢、為什麼主題沒有小圖片預覽,下面就教你怎樣更改這些」 主題資訊」 。用文字編輯器開啟 Aurelius 目錄下的 style.css,你可以按照下面的說明嘗試在 style.css 檔案最前面新增以下資訊,再到 WordPress 管理後臺」 外觀」 欄目下,重新整理一下看看有什麼變化:

  1. /*
  2. Theme Name: 這裡填主題名稱
  3. Theme URI: 這裡填主題介紹的網址,沒有就填你的部落格網址吧
  4. Description: 這裡填主題的簡短介紹
  5. Version: 版本號
  6. Author: 作者名
  7. Author URI: 作者的網址
  8. Tags: 標籤,多個用半形逗號隔開
  9. */

     將 WordPress 主題製作全過程 (三):HTML 靜態模板製作下載到的 screenshot.png 放到 Aurelius 目錄下,再到 WordPress 管理後臺」 外觀」 欄目下,看看有什麼變化,是不是多了個預覽圖呢?主題製作完畢後,你可以給你的主題介面截個圖,命名為 screenshot.png,大小 300 * 225,放置到主題目錄下作為主題縮圖。

     好了,今天我們要講的就這些,敬請期待下文。。。

     最後將 WordPress 主題製作全過程 (三):HTML 靜態模板製作下載到的 Aurelius 目錄下的所有檔案複製到 wp-content hemesAurelius 目錄下,並將所有 .html 字尾改成 .php ,以備我們下節內容使用。