1. 程式人生 > >從0到1製作WordPress主題#2建立和啟用主題

從0到1製作WordPress主題#2建立和啟用主題

建立和啟用主題

在本節中,我們將瞭解如何建立主題檔案並啟用主題。 我們將使用VS code並新增專案資料夾,以便我們可以輕鬆訪問檔案: 1、進入G:\wamp64\www\wordpress\wpcontent\themes資料夾,這個資料夾就是用來存放主題的,可以在這裡看到, 我們有三個主題已經安裝, 即 twentyfifteen, twentyseventeen, 和 twentysixteen

2、我們建立一個名為simple的資料夾,這將是我們的主題的名稱。 主題資料夾 3、在simple資料夾內建立style.css和index.php兩個檔案,這兩個檔案是一個主題必須要有的。

4、在style.css檔案頂部寫入如下程式碼塊,用於記錄一些主題資訊

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

您可以參考https://codex.wordpress.org/Theme_Development上的文件,其中顯示了您可以使用的所有不同欄位。 我們不會全部使用它們,因為它們不是必需的。 主題名稱就是所需要的,但是也可以獲得其他資訊。

5、我們將主題名稱輸入為Simple。 我們還需要一位作者; 如果你願意,你可以把自己的名字放在那裡。 我們還有作者URI。 如果您要為客戶建立主題,您可能希望將公司的網站放在那裡。 我們可以有一個描述。 我們將進入非常簡單的WordPress主題,然後輸入版本:1.0。 我們儲存這個。 現在,只需擁有此資訊即可讓WordPress看到您的主題。

這裡寫圖片描述

6、為了在Simple主題中顯示截圖,我們需要將一個影象放在主題資料夾的根目錄中,並將其命名為screenshot.png

縮圖

7、現在我們可以在WordPress後臺的外觀>主題內看到我們的simple主題了

主題

現在,如果我們繼續為此啟用我們的主題,並轉到我們的前端並重新載入 - 我們什麼都沒有,因為我們還沒有新增任何程式碼。

8、現在讓我們開啟index.php檔案並輸入TEST,然後儲存並重新載入; 我們可以看到我們的前端也得到TEST:

TEST

你可能已經發現,WordPress預設讀取我們的index.php檔案。