換成自己的內容展開目錄
內容管理

編排文章內容:圖片、影片、IG 貼文、行動按鈕與表格

在文章寫作畫面用工具列放入圖片、影片、Instagram 或 Threads 貼文與行動按鈕,再用表格、提示框和分隔線整理段落,最後到公開文章頁確認每一樣都正常。

約 10 分鐘最後複驗:2026-10-01負責維護:Growth Team · Help Center

編排文章內容:圖片、影片、IG 貼文、行動按鈕與表格

繁體中文字幕預設開啟;若和瀏覽器即時字幕重複,可在這裡關閉。

動畫教學片頭:anting.tw 標誌與「編排文章內容」標題。影片附可開關的繁體中文字幕、逐字稿與章節索引,也可以下載 MP4。

完成後你會得到

你能在同一篇文章裡放照片、影片、社群貼文與行動按鈕,知道每一樣在公開頁長什麼樣子,也設定好每篇文章結尾共用的行動呼籲。

開始前準備

  • 你已經會建立並發佈一篇文章;還不會的話,先看「建立、寫作並發佈第一篇部落格文章」。
  • 只放你有權公開的照片、影片與貼文。嵌入別人的 Instagram 或 YouTube 內容時,那則內容必須是對方公開的。
  • 下面每一樣都從寫作畫面內文上方的工具列開始;往下捲動時,工具列會停在畫面頂端。

操作步驟

1

第 1 步,共 8 步:插入圖片:一次選多張、拖曳或貼上

在寫作畫面,把游標放在要放圖的段落,按工具列的「插入圖片」。可以一次選多張,圖片會依序插在游標之後,不會蓋掉你選取的文字。

也可以直接把照片從電腦拖進內文,或複製圖片後在內文貼上。上傳時按鈕會顯示「上傳中…」;圖片出現在內文,就代表已經存好。

完成結果: 圖片出現在內文中你要的位置,右上角顯示「已儲存」。
2

第 2 步,共 8 步:調整圖片寬度、圖說與替代文字

點一下內文裡的圖片,工具列下方會多出一列「圖片」工具,有五種寬度:一般(與內文同寬)、寬版(超出內文兩側)、窄版(置中,適合直式照片)、出血全寬(往兩側借滿)與並排。

連續兩張以上都設成「並排」,公開頁會把它們排成同一列。編輯器裡做不到真的並排,所以會先把這幾張縮成較窄的圖,提醒你它們是要排在一起的;實際版面要到公開頁確認。只有一張設並排時,它就是一張普通的圖;並排的圖之間也不能夾著文字。

要加圖說,點著圖片按工具列上的「圖片的圖說與寬度」,填好圖說後按「套用」。圖說只顯示在公開頁,編輯器裡看不到;想確認打了什麼,再打開同一個框就看得到。

同一列的「替代文字」是給看不到圖片的人與搜尋引擎讀的一句描述,寫下這張圖拍的是什麼。填好後按鈕會變成「替代文字 ✓」。

完成結果: 每張圖片的寬度符合你要的版面,需要的地方有圖說,替代文字也已填好。
3

第 3 步,共 8 步:插入 YouTube 等影片

按工具列的「插入影片」,貼上影片頁面的網址,例如 YouTube 影片的觀看網址。支援 YouTube、Vimeo、Facebook、Instagram、TikTok 與 Threads。

影片會自己獨立成一行:編輯器裡保留那一行網址,底下直接出現播放器,可以當場播放確認;公開頁只會顯示播放器。要換影片就改那一行網址,要移除就刪掉那一行。

在空白的一行直接貼上影片網址,效果也一樣。網址不是認得的影片頁面時,會當場說明原因,不會插進內文。

完成結果: 影片那一行底下出現播放器,可以在編輯器裡直接播放。
4

第 4 步,共 8 步:放入 Instagram 或 Threads 貼文

Instagram 與 Threads 貼文用同一顆「插入影片」按鈕。先打開那一則貼文或 Reels,複製它的網址:Instagram 的網址裡要有 /p/ 或 /reel/,Threads 的網址裡要有 /post/。

貼上之後,編輯器與公開頁顯示的都是一張貼文卡,和在 Instagram 上看到的內容一樣,包含圖片或影片、內文與互動列。

帳號首頁或個人頁的網址不能用,系統會提醒你改貼單則貼文的網址。

只有公開帳號的貼文能被嵌入。私人帳號或已刪除的貼文,訪客看到的會是空白或 Instagram 的提示。
完成結果: 編輯器裡那一行網址底下出現完整的貼文卡。
5

第 5 步,共 8 步:在段落之間放行動按鈕(CTA)

講到服務或活動的那一段,可以放一顆按鈕讓讀者當場行動。先選取一句話,例如「立即預約」,再按工具列的「插入行動按鈕(CTA)」,選取的文字會自動帶成按鈕文字。

在「連結到」填按鈕要去的地方:完整網址 https://…、網站裡的頁面如 /contact,或本頁的某一段如 #section。再選樣式「主要(填色)」或「次要(外框)」,按「插入按鈕」。

按鈕會插在選取的文字之後,自己獨立一行。要修改時,點一下按鈕,再按工具列的「編輯按鈕」改完按「更新」;同一個框裡也有「移除按鈕」。

一篇文章不要放太多按鈕。每個段落最多一個主要行動,讀者才知道該按哪一個。

完成結果: 按鈕出現在段落之間,按鈕文字與連結都正確。
6

第 6 步,共 8 步:設定每篇文章結尾共用的行動呼籲

多數文章不會每篇都手動放按鈕,所以部落格另外有一個設定一次、每篇共用的結尾區塊。到部落格的「部落格設定」,找到「文章結尾行動呼籲」,勾選「在每篇文章結尾顯示行動呼籲」,填好按鈕文字與按鈕連結後按「儲存設定」。標題與說明文字可以不填。

按鈕文字與連結都填好才會出現。長文章可以再勾「長文的中段也放一次」:文章有三個以上的段落標題時,中間那一段之前會再放一次同一顆按鈕。

某一篇不適合帶按鈕時(例如公告或聲明),在那篇文章的「設定」→「搜尋引擎(SEO)」勾選「這篇不要顯示文章結尾的行動呼籲」。這個選項要在部落格設定開啟結尾行動呼籲之後才會出現。

完成結果: 公開文章的結尾出現你設定的行動呼籲,勾選排除的那一篇則沒有。
7

第 7 步,共 8 步:用表格、提示框與分隔線整理段落

價格、規格、營業時段這類要對照的資料,按工具列的「插入表格」。它會插入 3 欄 × 3 列、含標題列的表格;游標在表格裡時,上方會出現「表格」工具:上方加列、下方加列、左側加欄、右側加欄、刪除列、刪除欄、標題列與刪除表格。

要讀者特別留意的一段,把游標放在那一段,按工具列的提示框。共有四種:備註(補充說明)、提示(建議、小撇步)、注意(限制、風險)與實戰經驗(你親身遇過的事,文章頁會掛上作者署名)。同一顆再按一次,就變回普通引言。

話題轉換的地方,按「分隔線」插入一條橫線。

完成結果: 要對照的資料排成表格,重要提醒放在提示框裡,段落之間有清楚的分隔。
8

第 8 步,共 8 步:發佈後到公開文章頁檢查

按「發佈文章」;已經發佈過的文章,按鈕會是「發佈這次修改」。發佈後按右上角的「看公開頁」。

逐一確認:影片可以播放、貼文卡完整顯示、按鈕按下去會到對的頁面、並排的圖排成一列、圖說出現在圖片下方、文章結尾有行動呼籲。

再用手機打開同一頁。寬版與出血全寬的圖在手機上都會與畫面同寬;兩張並排的圖在手機上仍排成一列,三張以上會依螢幕寬度自動換行。

完成結果: 訪客在電腦與手機上都看得到完整的圖片、影片、貼文與按鈕,而且每顆按鈕都能按。

常見問題

按「插入影片」後出現「這個網址不是我們認得的影片頁面」
確認貼的是單則影片或貼文的網址,不是頻道、帳號首頁或搜尋結果。支援 YouTube、Vimeo、Facebook、Instagram、TikTok 與 Threads。
Instagram 貼文在公開頁一片空白
那則貼文可能來自私人帳號,或已經被刪除。在 Instagram 確認帳號是公開的、貼文還在;不是的話換一則公開貼文。
找不到「圖片的圖說與寬度」
這顆按鈕只在游標停在圖片上時出現。先點一下內文裡的那張圖。
設成並排的圖在編輯器裡沒有排在一起
這是正常的:編輯器只會把並排的圖縮窄,排成一列要在公開頁才看得到。公開頁也沒排在一起時,確認這幾張圖連在一起、中間沒有文字,而且至少有兩張設成並排。
填了圖說,編輯器裡卻看不到
圖說只顯示在公開頁。點一下圖片再按「圖片的圖說與寬度」,框裡就是你填的圖說。
插入按鈕時出現「請填一個可以打開的網址」
「連結到」只收完整網址(https://…)、網站內的頁面(例如 /contact)或本頁錨點(例如 #section)。
文章結尾沒有出現行動呼籲
到「部落格設定」確認已勾選「在每篇文章結尾顯示行動呼籲」,而且按鈕文字與按鈕連結都有填;再確認這篇文章沒有勾選「這篇不要顯示文章結尾的行動呼籲」。
編輯器裡都有,公開頁卻還是舊的
已發佈文章的修改會先存成草稿。按「發佈這次修改」之後,訪客才會看到新的版本。

這篇如何保持正確

負責人
Growth Team · Help Center
複驗節奏
最後複驗 2026-10-01;下次應於 2026-12-31 前完成
驗證依據與邊界
本文依 12 個程式或介面來源重播核對。內容說明安庭產品當下可操作流程;第三方平台、法規與價格請回到各自最新官方頁,本文不取代帳務、法律或資安專業判斷。

發現介面或步驟不同?請從關於安庭與聯絡方式回報,我們會重新驗證。

相關操作說明

還是沒解決?

依你看到的狀況查一次問題排除,通常比找功能名稱快。真的卡住就直接告訴我們,把你正在做的事和畫面上的訊息寫進來就好。