首頁  >  文章  >  CMS教程  >  WordPress主題製作全過程(四):小試牛刀

WordPress主題製作全過程(四):小試牛刀

青灯夜游
青灯夜游轉載
2023-02-21 10:12:122134瀏覽

前面為大家介紹了《WordPress主題製作全過程(三):HTML靜態模板製作》,本文繼續為大家帶來《WordPress主題製作全過程(四):小試牛刀》 ,下面一起來看看吧~

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

  • style.css
  • # #index.php
好,現在就開始我們的WordPress主題製作。在你的WordPress目錄

wp-content\themes\ 下新建一個資料夾,命名為Aurelius,前文:WordPress主題製作全過程(三):HTML靜態模板製作 中下載到的style.cssindex.html放到該目錄下,再將index.html重命名為index.php,這樣wp-content\themes\Aurelius目錄下方就有下面兩個檔案:

  • style.css
  • index.php
登陸你的WordPress部落格管理後台- 外觀,裡面是不是多了一個主題"Aurelius"呢?如下圖所示:

WordPress主題製作全過程(四):小試牛刀

啟用主題,打開你的部落格主頁,OH,頁面一片混亂?怎麼搞的?先繼續看下文。你可能會很好奇,這個主題的名稱可不以改成我要的名字呢、主題作者能不能改成我的名字呢、為什麼主題沒有小圖片預覽,下面就教你怎樣更改這些"主題信息"。用文字編輯器開啟

Aurelius目錄下的style.css,你可以按照下面的說明嘗試在​​style.css 檔案最前面修改以下訊息,再到WordPress管理後台"外觀"欄位下,刷新一下看看有什麼變化:

/*
Theme Name: 这里填主题名称
Theme URI: 这里填主题介绍的网址,没有就填你的博客网址吧
Description: 这里填主题的简短介绍
Version: 版本号
Author: 作者名
Author URI: 作者的网址
Tags: 标签,多个用半角逗号隔开
*/
將前文

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

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

最後將

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

推薦學習:《

WordPress教學

以上是WordPress主題製作全過程(四):小試牛刀的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:ludou.org。如有侵權,請聯絡admin@php.cn刪除