多數人以為要做出「每篇文章都不一樣」的版面,只能靠一頁一頁手動排版,貼上標題、換上圖片、改掉作者欄位,一篇文章一套工。Elementor 動態內容(Dynamic Content)做的正好相反:版面只排一次,內容交給資料本身。文章標題、特色圖、作者資訊,甚至自訂欄位裡的資料,全部靠動態標籤(Dynamic Tags)自動代入,一個 Single Post Template 就能撐起一個網站裡幾百篇文章。
問題是,多數人第一次點開動態按鈕,面對一長串依類別分組的選單(POST、ARCHIVE、SITE、MEDIA……)還是不知道從哪裡下手,更常卡在同一個地方,明明用 ACF 建好了自訂欄位,選單裡卻找不到,或者選了看起來像的標籤,前台卻顯示不出資料。動態內容是 Elementor Pro 才有的原生功能,操作原理不難,難的是搞懂哪個標籤對應哪個資料來源,以及怎麼把它套進 Theme Builder 的模板,才能真的讓一個版面自動套用到全站,而不是每篇還得手動調一次。
這篇會先講清楚動態內容跟手動填寫差在哪、什麼時候該用,再一步步示範怎麼把 Dynamic Tags 綁到文章的內建欄位與自訂欄位(含 ACF),最後套進 Theme Builder 做出一個會自動更新的版面。先從它跟手動填寫差在哪講起。
Elementor 動態內容是什麼?和手動填寫內容有什麼差異?
動態內容(Dynamic Content)指的是元件的內容不是你手動打進去的固定文字,而是從網站資料庫或當前頁面即時抓出來顯示的資料;操作介面上,實際負責「抓哪個資料來源」的工具叫動態標籤(Dynamic Tags)。你在編輯器裡點開某個欄位設定,旁邊會有一個資料庫圖示,點下去選一個標籤,這個欄位就從「你打的字」變成「系統自動帶入的資料」。
差別不只是省下打字的力氣。手動輸入的文字是死的,改了原始資料也不會跟著動;綁定動態標籤之後,兩邊會連動,文章標題一改,套用了 Post Title 標籤的地方就自動跟著換,不用回頭一個一個找出來改。這也是為什麼動態內容常被拿來做 Single Post Template,讓一個模板套用到全站的文章,每一篇顯示的標題、圖片、作者卻能各自不同。

要注意的是,動態標籤是 Elementor Pro 才有的原生功能,免費版的編輯器裡看不到那顆資料庫圖示,想在免費版做出類似效果得另外裝第三方外掛,不在這篇的討論範圍。版本上,Elementor 的原子化編輯器(Editor V4)已經走出 Beta、成為新站預設的編輯體驗,動態標籤的支援範圍也還在持續擴充,像是顏色類的控制項(文字色、背景色、外框色)現在也已經能吃動態標籤,不過這篇聚焦在最常用、最穩定的欄位型操作,顏色類的動態綁定不在這篇展開。
什麼時候該用動態內容,而不是手動填值?
動態內容不是任何情境都該用。它真正發揮價值的地方,是內容結構會重複出現的地方,像部落格文章、商品頁、作者介紹頁、活動報名頁,這些頁面的版面邏輯是同一套,只有實際內容逐篇不同。遇到這種情況,你只要把版面設計一次、綁好動態標籤,之後不管新增幾篇文章都不用重新排版。
反過來,如果你要做的只是單一頁面的少量客製內容,像一次性的活動宣傳頁、只會存在幾天的促銷頁面,手動填寫反而更直接。為了一次性的東西去綁定資料來源,多花的設定時間划不來,這種頁面照一般方式排版就好。
動態內容真正省下來的,是維護成本。內容改一次,套用動態標籤的地方就全部同步,你不用擔心某一頁忘了更新、資料前後兜不起來,這正是純手動排版最容易發生的問題。
怎麼把 Dynamic Tags 綁定到文章的欄位?
把動態標籤綁到欄位,共同的機制其實只有一組。接下來拆成四個步驟,從動態按鈕在哪裡開始,一路綁到文章的內建欄位、自訂欄位,最後套進 Theme Builder 做出一個真正會自動更新的版面。
怎麼開啟動態標籤,選到你要的資料來源?
在編輯器裡點選你要設定的欄位,欄位設定框旁邊會有一個像資料庫的小圖示,這就是動態按鈕。點下去,系統會跳出一個依類別分組的選單:
- POST(文章相關)
- ARCHIVE(彙整頁相關)
- SITE(網站層級)
- MEDIA(圖片相關)
- AUTHOR(作者相關)
- COMMENTS(留言相關)
如果你的網站有裝 WooCommerce,還會多一組 WOOCOMMERCE 分類。選一個標籤之後,有些標籤還會再跳出一層子選項,比如選了 Featured Image Data(特色圖資料),還要再指定是要抓圖片的標題、替代文字(Alt)、說明文字,還是檔案網址。

有一件事容易讓新手卡住,不是每個欄位都能選同一組標籤。動態按鈕跳出的選單是看欄位類型長出來的,連結欄位才會出現 Internal URL 這種連結類標籤,圖片欄位才會出現 Featured Image Data 這種圖片類標籤,純文字欄位看到的又是另一組。找不到你要的標籤,先確認自己是不是選錯了欄位類型。
綁定文章內建欄位:標題、摘要、特色圖、作者
最常用的幾個原生欄位,綁法都差不多。文字類的欄位,像用 Heading 小工具顯示文章標題,選 Post Title 就能自動帶入當前文章的標題;想放摘要,選 Post Excerpt,會抓文章設定的摘要欄位,如果沒填摘要,系統預設會自動截取內文前面幾個字當摘要。
圖片類的欄位,用 Image 小工具搭配 Featured Image Data,就能抓到文章設定的特色圖,前面提過,選了之後還要再指定要抓圖片本身、還是圖片的替代文字、說明文字這類附加資訊。

作者相關的資訊也是同一套邏輯,Author Name 抓作者名稱,Author Info 可以抓作者的自我介紹、Email、個人網站,這些都是在 WordPress 使用者資料裡設定好的內容,不用你在每篇文章重新打一次。
這幾個標籤看起來簡單,卻是打造「一個模板套用全站文章」最基本的積木。等你把它們排進 Single Post Template,後面新增的每一篇文章,不用動半根手指,標題、特色圖、作者資訊就會自動套進同一套版面。
綁定自訂欄位:Post Custom Field 和 ACF Field 有什麼差異
文章的自訂欄位怎麼綁,是新手最容易卡關的地方,主要卡在兩個選項該選哪個:Post Custom Field 和 ACF Field。
Elementor 原生的 Post Custom Field 標籤,可以抓取任何跟目前文章關聯的 meta 欄位,包括你用 ACF 建的簡單文字欄位也抓得到,因為 ACF 底層其實也是把資料存成一般的 post meta。如果你只是要顯示一段純文字,像是產品型號、活動日期這種單純的文字資料,Post Custom Field 通常就夠用。
但遇到比較進階的 ACF 欄位類型,像圖片、相簿(Gallery)、關聯(Relationship)這類,Post Custom Field 就不夠聰明了,它只會把資料當純文字處理,顯示出來的可能是一串看不懂的 ID 或路徑。這時候要改選專屬的 ACF Field 標籤,Elementor 才會正確判讀這個欄位的實際型態,給出對應的操作介面,比如圖片欄位選了 ACF Field 之後,會直接出現圖片挑選器,而不是純文字框。

Elementor 官方支援的是 ACF 5 以上版本,涵蓋的欄位類型包含文字類(文字、多行文字、數字、Email、下拉選單、核取方塊等)、URL 類(連結、頁面連結、文章物件等)以及圖片類(單張圖片),部分進階型別如 Google 地圖、日期選擇器則限 ACF Pro 才有。有幾種欄位類型要特別注意,Elementor 原生不支援:Repeater(重複欄位組)、Flexible Content(彈性內容)跟 Gallery(相簿),選了 ACF Field 也不會出現在清單裡,想顯示這幾種欄位的資料,得另外裝專門的延伸外掛才做得到,不在這篇的範圍內。
碰到「明明建好了 ACF 欄位,選單裡卻找不到」的狀況,先確認自己選的是 Post Custom Field 還是 ACF Field,兩者不是同一個東西,選錯標籤類型,清單自然對不上。
在 Theme Builder 套用模板,讓整批文章版面自動更新
前面幾個標籤都綁好之後,下一步是把它們組裝進一個真正能套用到全站的模板,這一步要用到 Theme Builder:
- 到 WordPress 後台的「範本」進入 Theme Builder,在 Single Post 旁邊按加號
- 選一個現成的起點,或關掉範本庫、從空白開始設計
- 拖入 Post Title、Featured Image、Post Content 這些會抓資料的動態小工具,把前面學到的標籤逐一綁上去
- 打開頁面設定裡的 Preview Dynamic Content,選一篇具代表性的實際文章來預覽
- 排版完成後按下發布,會跳出設定顯示條件(Display Conditions)的視窗,決定套用到全部文章、特定分類,還是特定的文章類型

這裡有一個常犯的錯,不要在模板裡塞入一般的靜態 Image 或 Text 小工具直接打字。Single Post Template 存在的目的就是讓版面套用到每一篇不同的文章,塞進固定內容等於白做了動態綁定這一步。設定 Preview Dynamic Content 也不是可有可無的一步,選一篇實際文章預覽,編輯器裡看到的才是真正套用資料後的樣子,而不是對著一片空白猜版面對不對。
顯示條件存好,這個模板就會自動套用到所有符合條件的文章,新增一篇符合條件的文章,標題、特色圖、自訂欄位的資料會自動代入同一套版面,不用再手動排一次。這正是開頭提到的,排一次版,內容自己會變。
要留意的是,這篇講的是單篇版面怎麼自動代入資料。如果你要處理的是多篇項目重複排成一份清單或格狀列表,比如文章列表、商品列表這種需要把好幾篇內容一起排出來的版面,那是 Loop Builder 的範疇,做法跟這篇綁單一元素的邏輯不完全一樣,這裡先不展開。
怎麼讓動態內容顯示得更完整?
動態標籤綁上去、模板套用出去,只是把資料兜進版面。要讓畫面看起來像認真排過版,還有兩個進階技巧值得花時間弄懂。
前置文字、後置文字與預設值:Before、After、Fallback 怎麼設?
綁好動態標籤之後,欄位設定的 Advanced(進階)分頁裡,會看到 Before、After、Fallback 這三個選項,很多人綁完標籤就直接跳過,其實是可惜的一步。
Before 跟 After 讓你在動態資料的前面或後面自動補上固定文字。舉例來說,如果你綁的是一個顯示價格的 ACF 欄位,直接顯示出來只有一串數字,看不出單位,這時候在 Before 填上「NT$」,前台就會自動變成「NT$1200」,不用你在每篇文章的欄位裡自己補幣別符號。
Fallback 則是預設值,用在欄位可能是空的情況,像某篇文章還沒填那個自訂欄位,或某個作者還沒寫自我介紹,這時候前台不會顯示一片空白,而是顯示你在 Fallback 設定好的備用文字。只要某個欄位有可能是空的,就該花十秒鐘把 Fallback 設好,不然版面很容易在資料缺漏時整個跑掉。

全站共用資料,用 ACF Options Page 集中管理一次
前面講的都是「每篇文章各自不同」的資料,但你的網站一定還有另一種資料:全站共用、你只想改一個地方就好的那種,像公司電話、Logo、SEO 預設的描述文字。這類資料如果還是逐篇文章各自填一次,遇到要更新的時候,得回頭把每一頁都改一遍,完全違背動態內容的初衷。
比較好的做法是用 ACF 的 Options Page(選項頁)功能,把這些全站共用的資料集中存在一個地方,再用 Post Custom Field 或 ACF Field 標籤,把它套進 Theme Builder 的頁首、頁尾這類全站共用的模板裡。之後要換電話號碼或 Logo,只要進去 Options Page 改一次,全站套用到那個欄位的地方就會一起同步,不用再一頁一頁翻出來改。
這跟前面講的文章欄位是兩種不同的用途,文章欄位負責每篇文章不一樣的資料,Options Page 負責全站都一樣、只想改一次的資料,分清楚該把資料放進哪一種,後面維護起來才不會走回頭路。
動態內容顯示不出來,通常是哪裡沒設定好?
照著前面的步驟做完,還是有幾個狀況特別容易讓人卡關,整理成三個最常見的原因。
第一個常見狀況,是自訂欄位選單裡完全找不到自己在 ACF 建的欄位。通常是欄位群組(Field Group)沒有正確關聯到你正在編輯的文章類型,或者你正在看的這篇文章根本還沒實際填值,選單只會列出真的有被使用到的欄位,沒填過的欄位有時不會出現在選項裡。回頭檢查欄位群組的顯示規則,以及該篇文章是不是已經填了資料,通常就能找到問題。
第二個常見狀況,是明明已經改了資料,前台看起來卻沒有同步變動。這多半是快取造成的,不管是頁面快取外掛,還是瀏覽器自己的快取,都可能讓你看到的是舊版畫面。清一次快取外掛的快取,再用無痕視窗重新整理確認,大部分這類問題都能排除。
第三個常見狀況,是欄位型態選錯導致顯示異常,比如把圖片欄位誤綁成文字型的 Post Custom Field,結果前台顯示出一串看不懂的 ID 或路徑,而不是一張圖。碰到這種狀況,先回頭確認自己綁的是不是對應欄位型態的標籤,像圖片類要用 ACF Field 而不是 Post Custom Field,才不會抓到資料,卻顯示不出正確的樣子。
Elementor 動態內容真正的價值,不是幫你少打幾個字,而是把版面設計跟內容維護拆成兩件事:版面只排一次,之後每次更新資料,都不用再回頭調整畫面。這是從手動排版走向系統化管理的分水嶺,也是往後要處理更複雜的批次列表之前,必須先扎穩的基本功。
