在 WordPress Elementor 中透過 shortcode 加入自訂的 PHP

2023-03-13 17:18:07

一般要客製化 WordPress 樣板我們可以選擇自己修改 PHP 或者透過 Elementor 這類的所見即所得編輯器來編輯，而如果想要修改已經套用 Elementor 的頁面，則可以使用 shortcode 來讓我們把自訂的 PHP 程式碼放到 Elementor 中，使用方法如下：

Step1：在 functions.php 的檔案中加入自訂的 PHP 程式碼：

// Shortcode to output custom PHP in Elementor
function wpc_elementor_shortcode( $atts ) {
    echo "This is my custom PHP output in Elementor!";
}
add_shortcode( 'my_elementor_php_output', 'wpc_elementor_shortcode');

其中 my_elementor_php_output 是用來識別自訂程式碼的名稱，以及內容可以修改你要的樣子。

Step2：在 Elementor 編輯器加入 shortcode

接著在 Elementor 找到短代碼，拖曳至頁面中

接著加入 shortcode：[my_elementor_php_output]，這樣就能把自己撰寫的 PHP 程式碼加入頁面了。

Blogger Templates- 收錄許多 Blogger 樣板的網站 [WordPress Plugin] Display Posts- 簡單使用 shortcode 抓取網站內的文章

你可能也會喜歡的

[Imgur API] 透過 CodeIgniter 上傳圖片

[CodeIgniter 4] 使用 CSRF 保護資料的傳遞，並說明搭配 axios/AJAX 的呼叫方法

刪除 CodeIgniter3 上的靜態檔案

AI Buddy：一鍵生成內容的 WordPress Plugin

[WordPress Plugin] AI Power：WordPress 全能 AI 套裝

使用 WP Mail SMTP 外掛設定 Gmail 發送郵件的方法

課程推薦

用 AI 生成網站？ AI 高效網站設計實戰課：ChatGPT X HTML X SEO

利用 AI 提升網站設計效率與 SEO 排名！了解如何透過 ChatGPT 等工具快速建立 HTML 架構，優化關鍵字與用戶體驗，讓網站更具競爭力。

輸入折扣碼 TC1533SL 還可以額外獲得 NT$500 優惠喔。

AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。