創(chuàng)建和使用WordPress子主題是一種好的實(shí)踐,因?yàn)樗试S您對(duì)現(xiàn)有主題進(jìn)行定制,而不會(huì)直接修改主題文件,從而使得在主題更新時(shí)更容易保持自定義。

以下是一個(gè)創(chuàng)建和使用WordPress子主題的詳細(xì)教程:

步驟 1: 創(chuàng)建子主題文件夾

  1. 在您的WordPress安裝目錄下的wp-content/themes/文件夾中創(chuàng)建一個(gè)新文件夾,作為您的子主題。給子主題選擇一個(gè)獨(dú)特的名稱(chēng),例如mytheme-child。

步驟 2: 創(chuàng)建子主題樣式表文件

  1. 在子主題文件夾中創(chuàng)建一個(gè)新的CSS文件。通常命名為style.css。
  2. style.css文件的頭部添加以下注釋?zhuān)灾付ㄟ@是一個(gè)子主題:
/*
Theme Name:   MyTheme Child //子主題的自定義名稱(chēng),但通常是 父主題名字 + Child
Template:     mytheme   // 這里是父主題的文件夾名稱(chēng)
Version:      0.1.0  // 子主題的版本
*/

請(qǐng)?zhí)鎿QMyTheme Child為您子主題的名稱(chēng),mytheme為您使用的父主題的文件夾名稱(chēng)。

步驟 3: 引入父主題樣式

在 style.css 下使用 @import 引入父主題樣式,這樣子主題就可以擁有父主題的樣式了。

@import url("../cosy/style.css") 路徑中的「cosy」為父主題文件夾的名稱(chēng)。需要留意看清楚。

/*
Theme Name:   MyTheme Child //子主題的自定義名稱(chēng),但通常是 父主題名字 + Child
Template:     mytheme   // 這里是父主題的文件夾名稱(chēng)
Version:      0.1.0  // 子主題的版本
*/
 
@import url("../cosy/style.css");

步驟 4: 激活子主題

  1. 登錄WordPress管理后臺(tái)。
  2. 轉(zhuǎn)到“外觀” -> “主題”。
  3. 在主題列表中,應(yīng)該能夠看到您剛創(chuàng)建的子主題。激活它。

步驟 5: 添加自定義樣式和功能

模板文件在子主題中可以覆蓋任何父主題模板中的文件,只需要?jiǎng)?chuàng)建同名文件就行

子主題使用模板文件的例子:

  • 替換比父主題更個(gè)性化的模板,重寫(xiě)?index.php?或?single.php

若要添加自定義功能,可以創(chuàng)建functions.php文件,并在其中添加自定義功能。確保不要復(fù)制父主題中已存在的functions.php文件中的代碼,以避免沖突。

<?php
// 添加您的自定義功能

步驟 6: 更新主題

  1. 當(dāng)父主題更新時(shí),您可以放心地更新它,而不會(huì)丟失您在子主題中所做的自定義。

這就是一個(gè)基本的WordPress子主題創(chuàng)建和使用的教程。通過(guò)這種方式,您可以在不影響主題更新的情況下對(duì)WordPress主題進(jìn)行自定義。請(qǐng)注意,這是一個(gè)簡(jiǎn)單的示例,根據(jù)您的需求,可能需要更多的自定義和功能。