編排文章內容:圖片、影片、IG 貼文、行動按鈕與表格
在文章寫作畫面用工具列放入圖片、影片、Instagram 或 Threads 貼文與行動按鈕,再用表格、提示框和分隔線整理段落,最後到公開文章頁確認每一樣都正常。
編排文章內容:圖片、影片、IG 貼文、行動按鈕與表格
完成後你會得到
你能在同一篇文章裡放照片、影片、社群貼文與行動按鈕,知道每一樣在公開頁長什麼樣子,也設定好每篇文章結尾共用的行動呼籲。
開始前準備
- 你已經會建立並發佈一篇文章;還不會的話,先看「建立、寫作並發佈第一篇部落格文章」。
- 只放你有權公開的照片、影片與貼文。嵌入別人的 Instagram 或 YouTube 內容時,那則內容必須是對方公開的。
- 下面每一樣都從寫作畫面內文上方的工具列開始;往下捲動時,工具列會停在畫面頂端。
操作步驟
第 1 步,共 8 步:插入圖片:一次選多張、拖曳或貼上
在寫作畫面,把游標放在要放圖的段落,按工具列的「插入圖片」。可以一次選多張,圖片會依序插在游標之後,不會蓋掉你選取的文字。
也可以直接把照片從電腦拖進內文,或複製圖片後在內文貼上。上傳時按鈕會顯示「上傳中…」;圖片出現在內文,就代表已經存好。
第 2 步,共 8 步:調整圖片寬度、圖說與替代文字
點一下內文裡的圖片,工具列下方會多出一列「圖片」工具,有五種寬度:一般(與內文同寬)、寬版(超出內文兩側)、窄版(置中,適合直式照片)、出血全寬(往兩側借滿)與並排。
連續兩張以上都設成「並排」,公開頁會把它們排成同一列。編輯器裡做不到真的並排,所以會先把這幾張縮成較窄的圖,提醒你它們是要排在一起的;實際版面要到公開頁確認。只有一張設並排時,它就是一張普通的圖;並排的圖之間也不能夾著文字。
要加圖說,點著圖片按工具列上的「圖片的圖說與寬度」,填好圖說後按「套用」。圖說只顯示在公開頁,編輯器裡看不到;想確認打了什麼,再打開同一個框就看得到。
同一列的「替代文字」是給看不到圖片的人與搜尋引擎讀的一句描述,寫下這張圖拍的是什麼。填好後按鈕會變成「替代文字 ✓」。
第 3 步,共 8 步:插入 YouTube 等影片
按工具列的「插入影片」,貼上影片頁面的網址,例如 YouTube 影片的觀看網址。支援 YouTube、Vimeo、Facebook、Instagram、TikTok 與 Threads。
影片會自己獨立成一行:編輯器裡保留那一行網址,底下直接出現播放器,可以當場播放確認;公開頁只會顯示播放器。要換影片就改那一行網址,要移除就刪掉那一行。
在空白的一行直接貼上影片網址,效果也一樣。網址不是認得的影片頁面時,會當場說明原因,不會插進內文。
第 5 步,共 8 步:在段落之間放行動按鈕(CTA)
講到服務或活動的那一段,可以放一顆按鈕讓讀者當場行動。先選取一句話,例如「立即預約」,再按工具列的「插入行動按鈕(CTA)」,選取的文字會自動帶成按鈕文字。
在「連結到」填按鈕要去的地方:完整網址 https://…、網站裡的頁面如 /contact,或本頁的某一段如 #section。再選樣式「主要(填色)」或「次要(外框)」,按「插入按鈕」。
按鈕會插在選取的文字之後,自己獨立一行。要修改時,點一下按鈕,再按工具列的「編輯按鈕」改完按「更新」;同一個框裡也有「移除按鈕」。
一篇文章不要放太多按鈕。每個段落最多一個主要行動,讀者才知道該按哪一個。
第 6 步,共 8 步:設定每篇文章結尾共用的行動呼籲
多數文章不會每篇都手動放按鈕,所以部落格另外有一個設定一次、每篇共用的結尾區塊。到部落格的「部落格設定」,找到「文章結尾行動呼籲」,勾選「在每篇文章結尾顯示行動呼籲」,填好按鈕文字與按鈕連結後按「儲存設定」。標題與說明文字可以不填。
按鈕文字與連結都填好才會出現。長文章可以再勾「長文的中段也放一次」:文章有三個以上的段落標題時,中間那一段之前會再放一次同一顆按鈕。
某一篇不適合帶按鈕時(例如公告或聲明),在那篇文章的「設定」→「搜尋引擎(SEO)」勾選「這篇不要顯示文章結尾的行動呼籲」。這個選項要在部落格設定開啟結尾行動呼籲之後才會出現。
第 7 步,共 8 步:用表格、提示框與分隔線整理段落
價格、規格、營業時段這類要對照的資料,按工具列的「插入表格」。它會插入 3 欄 × 3 列、含標題列的表格;游標在表格裡時,上方會出現「表格」工具:上方加列、下方加列、左側加欄、右側加欄、刪除列、刪除欄、標題列與刪除表格。
要讀者特別留意的一段,把游標放在那一段,按工具列的提示框。共有四種:備註(補充說明)、提示(建議、小撇步)、注意(限制、風險)與實戰經驗(你親身遇過的事,文章頁會掛上作者署名)。同一顆再按一次,就變回普通引言。
話題轉換的地方,按「分隔線」插入一條橫線。
第 8 步,共 8 步:發佈後到公開文章頁檢查
按「發佈文章」;已經發佈過的文章,按鈕會是「發佈這次修改」。發佈後按右上角的「看公開頁」。
逐一確認:影片可以播放、貼文卡完整顯示、按鈕按下去會到對的頁面、並排的圖排成一列、圖說出現在圖片下方、文章結尾有行動呼籲。
再用手機打開同一頁。寬版與出血全寬的圖在手機上都會與畫面同寬;兩張並排的圖在手機上仍排成一列,三張以上會依螢幕寬度自動換行。
常見問題
- 按「插入影片」後出現「這個網址不是我們認得的影片頁面」
- 確認貼的是單則影片或貼文的網址,不是頻道、帳號首頁或搜尋結果。支援 YouTube、Vimeo、Facebook、Instagram、TikTok 與 Threads。
- Instagram 貼文在公開頁一片空白
- 那則貼文可能來自私人帳號,或已經被刪除。在 Instagram 確認帳號是公開的、貼文還在;不是的話換一則公開貼文。
- 找不到「圖片的圖說與寬度」
- 這顆按鈕只在游標停在圖片上時出現。先點一下內文裡的那張圖。
- 設成並排的圖在編輯器裡沒有排在一起
- 這是正常的:編輯器只會把並排的圖縮窄,排成一列要在公開頁才看得到。公開頁也沒排在一起時,確認這幾張圖連在一起、中間沒有文字,而且至少有兩張設成並排。
- 填了圖說,編輯器裡卻看不到
- 圖說只顯示在公開頁。點一下圖片再按「圖片的圖說與寬度」,框裡就是你填的圖說。
- 插入按鈕時出現「請填一個可以打開的網址」
- 「連結到」只收完整網址(
https://…)、網站內的頁面(例如/contact)或本頁錨點(例如#section)。 - 文章結尾沒有出現行動呼籲
- 到「部落格設定」確認已勾選「在每篇文章結尾顯示行動呼籲」,而且按鈕文字與按鈕連結都有填;再確認這篇文章沒有勾選「這篇不要顯示文章結尾的行動呼籲」。
- 編輯器裡都有,公開頁卻還是舊的
- 已發佈文章的修改會先存成草稿。按「發佈這次修改」之後,訪客才會看到新的版本。
這篇如何保持正確
- 負責人
- Growth Team · Help Center
- 複驗節奏
- 最後複驗 2026-10-01;下次應於 2026-12-31 前完成
- 驗證依據與邊界
- 本文依 12 個程式或介面來源重播核對。內容說明安庭產品當下可操作流程;第三方平台、法規與價格請回到各自最新官方頁,本文不取代帳務、法律或資安專業判斷。
發現介面或步驟不同?請從關於安庭與聯絡方式回報,我們會重新驗證。
