從網絡將片段粘貼到WordPress的初學者指南


在WPBeginner,我們經常發布要求用戶向WordPress添加代碼段的教程。 對於經驗豐富的用戶來說,將代碼複製和粘貼到WordPress主題文件中似乎很容易,但是對於初學者來說,這很繁瑣且令人生畏。 由於不熟悉編碼,因此初學者可能會犯一個錯誤,使他們的網站崩潰。 在本分步指南中,我們將向您展示如何從Web複製代碼片段並將其粘貼到WordPress。

如何在WordPress中安全地複制和粘貼代碼段

為什麼要向您的WordPress網站添加代碼段?

由於WordPress提供的靈活性,它是世界上最好的網站構建器。 向您的WordPress網站添加新功能非常容易。

WordPress資源站點(例如WPBeginner)共享提示和技巧,您可以添加這些技巧和技巧來改善您的網站。 雖然向您的網站添加自定義代碼段是可選的,並且您通常可以找到執行相同任務的插件,但有時使用簡單的代碼段會更有效率。

一些代碼片段非常方便,可以幫助您修復許多常見的WordPress錯誤,提高WordPress安全性,甚至為您的網站添加新功能。

話雖如此,讓我們看一下如何安全地將代碼段添加到WordPress網站中。

什麼是在WordPress中添加代碼段的最佳方法

您必須在每個WordPress網站上做的第一件事是安裝WordPress備份插件。 這樣可以確保您的WordPress網站安全,並且萬一出了問題,您始終可以從備份中恢復它。

有時,您可能會發現在WordPress主題模板(例如index.php,single.php,header.php等)中添加代碼段的說明。 這些代碼段僅在那些特定模板中有用,因此您必須將它們直接添加到主題文件中或創建子主題。

但是,大多數自定義代碼段已添加到WordPress主題的functions.php文件中。 儘管本教程可能建議您將其添加到主題的functions.php文件中,但是還有更好的替代方法,其工作方式與function文件相同。

讓我們看一下在WordPress中添加自定義代碼段的一些方法。

1.使用代碼片段WordPress插件

代碼片段插件

對於初學者來說,這是最安全,最推薦的方法。 代碼段是WordPress插件,可讓您輕鬆地在網站上添加和管理自定義代碼段。

它帶有故障安全開關,如果它引起錯誤,則該開關立即停用代碼段。 這樣可以防止您在添加自定義代碼段時失去對網站的訪問權限。

有關詳細說明,請參閱有關如何輕鬆在WordPress中添加自定義代碼段的指南。

注意:代碼段方法對於需要在功能文件中添加的代碼段很有用。 如果要求您在其他主題文件中添加代碼段,則此方法將不起作用。

2.創建一個子主題以保存自定義代碼

使用子主題在WordPress中添加自定義代碼段

第二種方法是創建一個子主題。 當您更新主題時,使用子主題將使您的更改保持原樣。 它還將允許您在需要時向其他主題文件添加代碼,而不必擔心更新會撤消更改。

有關更多詳細信息,請參見有關如何在WordPress中創建子主題的指南。

注意:此方法也適用於需要在其他主題模板中添加的代碼段。

3.使用特定於站點的插件來定制代碼

另一個靈活的選擇是使用特定於站點的WordPress插件。 這是一個自定義插件,您可以為自己的網站創建該插件,並將其用於保存所有自定義代碼。

這種方法的優點是您的代碼不依賴於主題,並且即使您更改主題也將保持活動狀態。 它也不受您網站上任何WordPress更新的影響。

有關詳細說明,請參見有關如何為您的網站製作特定於站點的插件的指南。

注意:此方法僅適用於需要在功能文件中添加的代碼段。

4.直接將代碼添加到函數文件

可以在主題的functions.php文件中添加代碼段。 但是,它也有一些缺點。

  • 當您更新WordPress主題時,您所做的更改將消失
  • 您的代碼僅在使用該特定主題時才有效

話雖如此,讓我們看一下如何正確地複制和粘貼代碼片段,並避免破壞您的網站。

如何編輯WordPress文件?

有多種編輯WordPress文件的方法,具體取決於您選擇在網站上添加自定義代碼段的方法。

1.在代碼片段插件中添加自定義代碼

如果您使用的是代碼片段插件,則可以輕鬆地從WordPress管理區域添加代碼片段。 只需轉到 片段»添加新 頁以添加您的自定義代碼。

在代碼片段插件中添加新的片段

2.在特定於站點的WordPress插件中添加自定義代碼

如果要在特定於站點的插件中添加自定義代碼,則可以使用內置的WordPress插件編輯器來添加自定義代碼。

使用WordPress插件編輯器編輯特定於站點的插件

首先,從標記為“選擇要編輯的插件”的下拉菜單中選擇特定於站點的插件。 編輯器將加載您的插件文件,並且您將能夠在其中添加代碼段。

完成後,單擊“更新文件”按鈕以保存您的更改。

如果代碼中缺少某些內容或可能破壞您的網站,則插件編輯器將自動撤消您的更改。

在特定於站點的插件中添加自定義代碼的另一種方法是使用FTP。

只需使用您的FTP客戶端轉到插件文件夾。 右鍵單擊插件文件,然後選擇查看/編輯文件。

使用FTP編輯特定於站點的WordPress插件

3.將自定義代碼添加到functions.php或其他主題模板

如果要將代碼段添加到主題的functions.php文件或任何其他模板中,則可以通過訪問直接添加代碼 外觀»編輯器。 您可以從右列中選擇要在其中添加代碼的文件。

主題編輯器

您遵循的說明將告訴您將代碼粘貼到何處,但是如果沒有,則需要在文件底部添加代碼。

更好的替代方法是使用FTP在主題文件中添加自定義代碼。 只需將您的FTP客戶端連接到您的網站,然後轉到/ wp-content / themes / your-theme-folder /,然後右鍵單擊需要編輯的文件。

通過FTP編輯主題文件
選擇查看/編輯文件選項以在文本編輯器中打開文件。

添加自定義代碼時對PHP錯誤進行故障排除

初學者在向其網站添加自定義代碼段時會犯一些常見的錯誤。 讓我們看看其中的一些以及如何避免它們

1.錯誤使用PHP的開始和結束標記

WordPress主要是用PHP編程語言編寫的,該語言具有特定的語法,可以告訴您的服務器以下代碼需要由PHP處理。 這是典型的PHP代碼段的樣子:

// PHP Begin Tag

您所有的PHP代碼都必須位於 ?> 標籤。

PHP結束標記在以HTML來回切換的文件中變得更加重要。 這包括大多數使用PHP標籤和HTML的WordPress主題文件。

您需要確保如果將代碼粘貼到未關閉PHP開始標籤的位置,則需要添加沒有開始PHP標籤的代碼。

 

如果要將自定義代碼粘貼到PHP結束標記之外或之後,則還需要添加PHP開始標記。

 

// Your custom code snippet

將近90%的錯誤是由於PHP結束或開始標記的放置不正確引起的。 通過研究代碼,您可以了解是否需要在自定義代碼段中添加PHP開始或結束標籤。

許多WordPress主題文件,尤其是functions.php文件,可能根本沒有PHP結束標籤。 這意味著您可以將代碼添加到文件底部,而無需使用開始或結束標籤。

h1 a {background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }
';
}
add_action('login_head', 'custom_loginlogo');

請記住,教程作者有時可能會假設您已經知道如何使用PHP的開始和結束標記。 他們可能只是向您顯示沒有這些標籤的代碼段。

function custom_loginlogo() {
echo '';
}
add_action('login_head', 'custom_loginlogo');

由於教程作者不知道您將在何處添加此代碼,因此他們跳過了PHP end和start標籤。 現在,當在主題文件中添加這樣的代碼片段時,需要確保它位於PHP標記內。

2.不正確的嵌套錯誤

PHP具有用於函數,條件邏輯和循環的特定語法。 此語法取決於大括號,大括號指示函數何時開始以及何時結束。

例如,這是一個簡單的PHP函數:


現在,如果您要添加與此功能無關的自定義代碼段,則需要將其放在此功能之外,如下所示:

// Pre-existing code in your theme file

h1 a {background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }
';
}
?>

如果您錯過了大括號的開頭或結尾,則這將破壞代碼,並最終顯示錯誤頁面。

了解WordPress中的PHP錯誤

在WordPress中添加自定義代碼導致的錯誤通常會導致詳細的錯誤消息。 其中大多數是語法錯誤,解析錯誤或由於意外字符導致的致命錯誤。

好消息是這些錯誤將告訴您代碼中的哪一行導致了錯誤。

PHP錯誤消息

然後,您可以轉到確切的行以查看代碼並找出丟失的內容。 為此,我們建議使用適當的文本編輯器進行代碼編輯,因為它們具有行號和語法突出顯示,可以幫助您輕鬆解決問題。

當您的WordPress網站無法訪問時該怎麼辦?

首先不要驚慌。 只需使用cPanel中的FTP客戶端或文件管理器應用程序連接到您的網站。 接下來,找到添加了導致錯誤的代碼的文件,然後對其進行編輯。

您可以嘗試解決代碼段中的問題。 如果您無法解決這些問題,請刪除代碼並保存更改。

您的網站應再次恢復正常。 如果仍然顯示錯誤,請下載WordPress主題的新副本,然後將zip文件提取到計算機中。

將您進行了更改的文件從計算機上載到網站,同時覆蓋舊文件。

有關解決這些問題的更多方法,請參閱有關最常見的WordPress錯誤以及如何修復它們的指南。 如果這樣做沒有幫助,請按照我們的WordPress故障排除指南進行逐步診斷。

我們希望本文能幫助您學習如何將Web上的代碼片段粘貼到WordPress中。 是否需要一些可在您的網站上嘗試的代碼段? 請參閱我們的WordPress函數文件極其有用的技巧列表。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。