如何為您的WordPress網站新增自定義程式碼

常在閱讀WordPress教程時,您可能會被要求在主題的functions.php檔案或特定於站點的外掛中新增自定義程式碼片段。問題是,即使是最輕微的錯誤也會破壞您的網站。在本文中,我們將向您展示一種在WordPress中新增自定義程式碼而不會破壞您的網站的簡單方法。

如何為您的WordPress網站新增自定義程式碼

自定義程式碼片段的問題

通常,您會在WordPress教程中找到程式碼片段,其中包含將它們新增到主題的functions.php檔案或站點特定外掛中。

問題是,即使自定義程式碼片段中的一個小錯誤也可能破壞您的WordPress網站並使其無法訪問。

另一個問題是,如果您在特定於站點的外掛中新增多個程式碼片段,則管理檔案會變得困難。

最近在尋找解決方案時,我們發現使用者可以輕鬆地在WordPress中新增和管理自定義程式碼片段。

在WordPress中新增自定義程式碼片段

您需要做的第一件事是在您的網站上安裝並啟用Code Snippets外掛。

啟用後,該外掛會在您的WordPress管理欄中新增一個標有Snippets的新選單項。單擊它會顯示您儲存在網站上的所有自定義程式碼片段的列表。

由於您剛剛安裝了外掛,因此您的列表將為空。

繼續並單擊“安裝外掛”按鈕以在WordPress中新增您的第一個自定義程式碼片段。

Snippets程式碼片段外掛

這會將您帶到“Add New Snippet”頁面。

您需要首先輸入自定義程式碼片段的標題。這可以是任何可以幫助您識別程式碼的東西。之後,您可以將程式碼片段複製並貼上到程式碼框中。

新增程式碼片段

在上面的螢幕截圖中,我們新增了一個自定義程式碼片段以從我們的測試站點中刪除WordPress版本號

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');
function wpb_remove_version() { return ''; } add_filter('the_generator', 'wpb_remove_version');
function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

在程式碼框下方,您將看到一個用於新增描述的文字區域。您可以在此處新增任何內容,以幫助您瞭解此程式碼的作用、您在何處找到它以及將其新增到網站的原因。

程式碼片段描述

您還可以為程式碼片段分配標籤。這將幫助您按主題和功能對程式碼片段進行排序。

最後,您可以單擊“Save Changes and Activate”按鈕。

如果您只想儲存程式碼片段而不啟用它,那麼您可以單擊“Save Changes”按鈕。

您還可以更改程式碼片段的範圍。您只能在WordPress管理後臺、網站前端或任何地方執行它。如果您不確定,請保持選中預設的“Run snippet everywhere”選項。

儲存並啟用程式碼段後,它將立即在您的網站上生效。

處理自定義程式碼中的錯誤

通常,如果您在特定於站點的外掛或主題檔案中新增自定義程式碼時出錯,它會立即使您的站點無法訪問。

您會開始在您的站點上看到語法錯誤500內部伺服器錯誤。要解決此問題,您需要使用FTP客戶端手動撤消您的程式碼。

Code Snippets外掛的巧妙之處在於它會自動檢測程式碼中的語法錯誤並立即停用它。

處理自定義程式碼中的錯誤

它還會向您顯示有用的錯誤訊息,以便您可以除錯錯誤。

管理您的自定義程式碼片段

Code Snippets外掛提供了一個更簡單的圖形使用者介面來管理您在WordPress中的自定義程式碼片段。

您可以儲存程式碼片段而無需在您的網站上啟用它們。您可以隨時停用該程式碼段。您還可以匯出特定的程式碼片段或批量匯出所有程式碼片段。

匯出程式碼片段

如果您要將網站移動到不同的伺服器,您可以通過訪問Snippets » Import頁面,使用程式碼片段外掛輕鬆匯入程式碼片段。

匯入程式碼片段

Code Snippets外掛開箱即用,但您可以通過訪問Snippets » Settings頁面來調整外掛設定。

Code Snippets外掛設定

我們希望本文能幫助您瞭解如何在WordPress中輕鬆新增自定義程式碼。想在您的網站上試驗一些程式碼片段嗎?檢視我們的關於WordPress函式檔案詳細介紹文章。

評論留言