如何在 WordPress 中創建簡碼

您想學習如何在 WordPress 中創建簡碼嗎？

學習如何在 WordPress 中創建簡碼是自定義帖子和頁面的有效方法。 但是，如果您不熟悉該流程，您可能會發現很難弄清楚如何在您的網站上使用此類功能。

這就是為什麼我們整理了一份指南來幫助您入門。 通過查看短代碼的工作原理以及如何有效地應用它們，您可以開始根據自己的喜好自定義內容，而無需額外的插件。

在本文中，我們將討論什麼是 WordPress 短代碼以及您可能考慮使用它們的原因。 然後我們將向您展示如何創建自己的。

但是之前，如果您從未安裝過WordPress發現 如何安裝WordPress博客7步驟 et 如何找到，安裝和你的博客激活WordPress主題 

然後回到為什麼我們在這裡。

什麼是 WordPress 短代碼？

WordPress 短代碼充當快捷方式，可讓您快速將元素嵌入到帖子或頁面中。 這些通常是用方括號括起來的一行代碼。 例如 ：

[exemplecodehortcode]

此代碼將在您網站的前端顯示預先確定的功能。

WordPress 首次引入簡碼 隨著發布 簡碼 API. 這使用戶可以輕鬆地將有吸引力的元素添加到他們的帖子和頁面中，例如 谷歌地圖 或 Facebook 的“贊”按鈕。

它存在於WordPress中 默認t 六個簡碼  :

• 標題: 在內容周圍加上字幕
• gallery ：顯示圖片庫
• 音頻：嵌入和播放音頻文件
• 視頻 : 嵌入和播放視頻文件
• 播放列表 ：顯示音頻或視頻文件的集合
• 嵌 : 包裝內聯元素

您還將遇到兩種基本類型的簡碼格式： self-closing et enclosing.

簡碼 self-closing 可以獨立存在，不需要結束標籤。

同時， enclosing 包圍您要編輯的內容並強制您手動關閉標籤。 例如，您可以通過在標籤之間包裝 URL 來嵌入 YouTube 視頻 embed et /embed :

例如，這將創建以下結果：

一些 最好的WordPress插件 附帶他們自己的簡碼。 例如， WP表格 et 聯繫表7 有簡碼，可以讓你快速嵌入 聯繫表格 在帖子或頁面中。 您還可以使用類似的插件 最大按鈕 在您的網站上的任何位置添加按鈕簡碼。

為什麼要考慮使用 WordPress 簡碼？

您可以使用 WordPress 短代碼的原因有很多。 例如，它比學習和編寫一段長的 HTML 代碼更容易和更快。 此外，它們還可以幫助您保持內容乾淨且易於訪問。

簡碼可用於自動化您重複使用的某些功能。 例如，如果您使用按鈕 號召性用語 (CTA) 在您的每篇文章中，準備好專用的短代碼可能是一種快速便捷的解決方案。

應該提到的是 古騰堡編輯 工作方式相同，依賴於短代碼的使用。 它允許 WordPress 用戶通過使用塊來添加一些交互功能。

這種方法對初學者更加友好，因為您可以直接在 UI 上添加內容。 但是，WordPress 塊編輯器的功能仍然有限。 幸運的是，它帶有一個塊 短代碼，它允許您將自定義內容添加到您的頁面。

如何在 WordPress 中創建簡碼

如果您已經具備編碼知識，則可以創建自己的自定義簡碼。 這使您可以完全控製網站的外觀和功能。

讓我們看看如何創建自定義 WordPress 短代碼。 在本教程中，我們將向文章添加社交媒體鏈接作為示例。

第 1 步 - 創建一個新的主題文件

在開始之前，最好先 完全備份您的 WordPress 網站. 您還需要在文件之外為您的自定義短代碼創建一個單獨的文件  的functions.php 你的 WordPress主題. 這將提供一個備用解決方案，以防出現問題。

您可以使用客戶端 FTP（文件傳輸協議） 例如 FileZilla中 訪問您網站的主題文件。 登錄到您的網站後，轉到 wp-content>主題 並找到您當前的主題文件夾。 在我們的示例中，這將是 貓頭鷹出版社:

打開你的文件夾 WordPress主題, 右鍵單擊它並按 建立新檔案.

命名你的新文件 自定義簡碼.php 然後單擊 OK. 然後，您可以通過右鍵單擊它並選擇選項來編輯它 查看/編輯 :

這將在您的默認文本編輯器中打開該文件。 然後你只需要添加以下代碼塊：

<?php ?>

這可確保您的新文件將被解釋為 PHP，這是構建 WordPress 的腳本語言。

然後，您可以保存更改並關閉文件。 請務必選中以下框以確保它將在服務器上更新並應用於您的網站：

然後打開文件 的functions.php 在同一個主題文件夾中，並在文檔底部添加以下代碼行：

include('shortcodes-personnalises.php');

這將告訴系統包含您對文件所做的任何更改 自定義簡碼.php 內 的functions.php 同時允許您將它們分開。 準備好後，保存更改並關閉文件。

第 2 步 - 創建簡碼函數

接下來，您需要創建簡碼函數，指示它要做什麼。 再次選擇選項 查看/編輯 你的文件 自定義簡碼.php. 使用以下代碼片段添加一個操作以將您的函數掛接到：

function subscribe_link(){
    return 'Follow us on <a rel="nofollow" href="https://twitter.com/BlogPasCher">Twitter</a>';
    }

接下來，您將需要添加一個回調函數，該函數將在激活鉤子操作時運行。 在上述代碼之後直接添加以下代碼行將告訴 WordPress 您的函數是短代碼：

add_shortcode('sabonner', 'subscribe_link');

當您使用該功能創建簡碼時 add_shortcode，您分配一個簡碼標籤“ ($tag) "和相應的函數掛鉤" ($func) 每次使用快捷方式時都會運行。

換句話說，如果短代碼標籤是 [subscribe]，那麼鉤子 '訂閱鏈接' 將訪問者重定向到提供的 URL。

因此，您在文件中使用的整個代碼 shortcodes-personnalises.php 看起來像這樣：

需要注意的是，在命名標籤時，只能使用小寫字母，儘管可以使用下劃線。 也很關鍵 避免使用連字符，因為它可能會干擾其他簡碼。

第 3 步 - 將自關閉簡碼添加到網站

您現在可以在您的 WordPress 網站上將您的初始代碼作為自動關閉的簡碼進行測試。 使用 WordPress 塊編輯器，您可以將 [subscribe] 標籤直接插入帖子中：

這將向您的網站訪問者顯示以下內容：

如果您對此簡碼感到滿意，則無需執行任何其他操作。 但是，如果您想自定義它，您可以跳到下一步。

第 4 步 - 將參數添加到簡碼

您可以調整簡碼 “訂閱” 用於顯示其他社交媒體鏈接的附加功能。 您可以通過添加參數來修改 URL 來做到這一點。

為 添加管理屬性, 你需要打開文件 自定義簡碼.php 並添加以下代碼：

function subscribe_link_att($atts) {
    $default = array(
        'link' => '#',
    );
    $a = shortcode_atts($default, $atts);
    return 'Follow us on '.$a['link'];
}
add_shortcode('sabonner', 'subscribe_link_att');

這將允許您自定義短代碼標籤中的鏈接，以將它們添加到古騰堡編輯器。 您可以將其粘貼到文件中的先前代碼上 自定義簡碼.php. 它應該看起來像這樣：

添加 簡碼_atts() 函數 將用戶屬性與所有已知屬性結合起來，任何缺失的數據都將被替換為其默認值。 準備好後，保存更改並關閉文件。

第 5 步 - 測試設置

您現在可以在 WordPress 塊編輯器中測試更新的簡碼。 在我們的示例中，我們正在使用以下短代碼測試我們的 Twitter 和 Facebook 鏈接：

[訂閱鏈接='https://www.facebook.com/live.blogpascher']Facebook[/subscribe]

[訂閱鏈接='https://twitter.com/BlogPasCher']Twitter[/subscribe]

這將在前端產生以下結果：

這個自動關閉的短代碼向訪問者顯示您的社交資料的直接 URL。 但是，您可能希望此功能看起來有點精緻。

例如，您將能夠創建一個附加版本，允許您完全自定義在用戶即將單擊時顯示給用戶的錨文本。 我們將在下一步中向您展示如何操作。

第 6 步 - 創建封閉簡碼

封閉短代碼的格式將與前面的自動關閉示例相同。 但是，它將包含該函數的附加參數。

首先，您需要添加 $content = null，它將此函數標識為封閉的簡碼。 然後，您可以添加 do_shortcode 來自 WordPress，它將在內容中搜索短代碼。

在文件中 自定義簡碼.php，添加新的封閉短代碼：

function subscribe_link_att($atts, $content = null) {
    $default = array(
        'link' => '#',
    );
    $a = shortcode_atts($default, $atts);
    $content = do_shortcode($content);
    return 'Suivez nous sur <a href="'.($a['link']).'" style="color: blue">'.$content.'</a>';
}
add_shortcode('sabonner', 'subscribe_link_att');

準備好後，您的文件 自定義簡碼.php 應該是這樣的：

前面的代碼有一個屬性 “ 風格 ” 另外，這會將錨文本更改為藍色。 完成後不要忘記保存更改。

第 7 步 - 將封閉簡碼添加到網站

您現在可以在 WordPress 塊編輯器中插入您的簡碼以查看最終結果：

正如您所注意到的，您可以使用此包裝短代碼輕鬆更改您的社交媒體頁面 URL 和顯示給訪問者的錨文本。 在這種情況下，我們選擇了 “ Facebook ” et “推特” :

那裡 ！ 您現在已經為您的頁面和帖子中的訂閱鏈接創建了一個自定義簡碼。 請注意，上面提到的所有步驟都可以修改為使用 WordPress 功能創建各種不同的元素 簡碼.

使用簡碼可以更輕鬆地為您的 WordPress 網站添加附加功能。 您可以使用它們來個性化您現有的內容並添加互動功能，例如聯繫表格、圖片庫或訂閱鏈接。

其他推薦資源

我們還邀請您參考以下資源，以進一步掌握和控製網站和博客。

• 如何使用 Elementor 創建具有 Z 索引的浮動按鈕
• 何時以及如何在一個子目錄中安裝WordPress
• 如何創建一個簡單的 Gutenberg Block WordPress 插件
• 如何將自定義字體添加到 WordPress 網站

結論

在本文中，我們學習瞭如何在 WordPress 中創建自己的簡碼。 如果您有任何疑慮或建議，請在 評論.

但是，您也可以諮詢我們的 RESSOURCES，如果您需要更多的元素來執行創建Internet網站的項目，請參考我們關於 WordPress博客創建 或者那個 Divi：有史以來最好的WordPress主題.

與此同時， 在您不同的社交網絡上分享此文章.   

...