如何編輯網頁圖、文
如何編輯網頁圖、文

如何編輯網頁圖、文 /part 2:切換收合工具、圖示方框

輕鬆編輯Elementor小工具,教你如何切換小工具(收合列表)編輯文字、編輯圖示方框。
目錄

Elementor教學:在這篇文章中將說明如何使用 Elementor 編輯網頁圖、文內容,Elementor 是一套網站前端視覺編輯器,裡面具有許多已經完成程式碼建構的 widget (小工具) ,只需要在網頁模板上建立網頁區塊,再將小工具以拖曳的方式加入到網頁中,就能完成網頁編輯的動作,在網頁編輯上也較簡單易懂,可以輕鬆地完成編輯圖文的動作。

本篇教學以 demo-001 作示範,以下教學將會用圖片及文字的方式呈現。

切換小工具(收合列表)編輯文字

繼續往下滑 demo-001,可以看到菜單區域。

T demo0020
切換小工具
T demo0021
切換小工具

在 Our Menu 右側的菜單,稱為切換小工具,是可以收合的列表。欲編輯該項目,同樣地在它上面點選右鍵,編輯切換,或是直接按左鍵。

T demo0022
切換小工具設定

左側為編輯區域,可以編輯切換項目,也可以刪除或新增項目

T demo0023
切換小工具設定

點按項目可以編輯標題描述內容,拖曳標題區塊可以變換前後位置。

編輯圖示方框

可愛的圖示加文字也可以自己編輯唷!

T demo0024
圖示方框

在欲編輯的圖示方框上方按右鍵選擇編輯,或直接按左鍵,編輯區塊會出現在左側。

T demo0025
此三個圖示方框是需要分開編輯的

左側編輯區塊,可以看到圖示標題描述內文連結區域,可以直接進行修改。別忘了修改完畢後,記得更新儲存!

其他教學文章

各種ChatGPT及AI工具應用、指令手冊、解決方案,每週更新。
學習最新AI工具,就上Learn AI
AI如何讓工作更輕鬆、更有效率?立刻學習!
LA廣告-1
LA廣告-2
LA廣告-3
Related Post
最新文章
AEO
AI 搜尋時代來了!一次看懂 AEO、SEO 與 GEO 差異

面對 ChatGPT、SearchGPT 與 Google SGE 的衝擊,傳統 SEO 排名優化還夠用嗎?本文深度解析答案引擎優化(AEO)與 SEO 的 5 大差異,並提供 8 大實戰優化策略。從結構化資料 Schema 到語音搜尋與實體關聯,教你如何在 AI 世代搶佔曝光先機,將品牌網站轉化為 AI 優先推薦的權威資產。

2026 數位轉型案例實戰:3 個讓網站變成長期資產的成功關鍵

想做數位轉型卻怕花冤枉錢?我們整理出 2026 年最新的數位轉型案例。從品牌形象到自動化電商系統,分享如何利用 WordPress 彈性架構解決經營痛點、降低維護風險。這份實務指南將帶你避開常見架站地雷,把網站從成本支出轉化為品牌的核心資產。

google site:
網頁設計費用要多少?2026年架站報價實務與避坑指南

想知道 2026 年合理的網頁設計費用是多少?我們深度拆解網域主機、客製化開發與 WordPress 架構的價格差異。幫你避開報價黑洞,從老闆與行銷人的痛點出發,提供少踩雷的架站建議,讓網站不再只是花錢的工具,而是能持續獲客的品牌資產。

Selected Post
精選文章
【教學】如何架設購物網站?電商WooCommerce WordPress設計指南

擁有一個專屬的購物網站是品牌走向電商化的關鍵之一,無論中小企業、創業者還是個人品牌,都可以透過WordPress購物網站架設及電商網站必備的WooCommerce外掛,設計出符合使用者邏輯的電商網站。本文將帶你了解電商網站架設流程、WooCommerce WordPress教學、從購物網站架設基礎觀念、電商平台比較到實際操作教學,幫助品牌打造高效又能帶來轉換的電商網站設計。

網頁設計公司
8+6個網站架設公司推薦、網頁設計靈感網站-2026持續更新

想進行網頁設計的你,在找專業的網頁架設公司推薦、網頁設計推薦嗎?數位時代中每個品牌幾乎都有專屬的品牌網站,就算還未擁有網站的品牌,也即將開始數位轉型,像是開始進行網站架設、網頁設計,在最初規劃網頁時,是否不確定該如何選擇信賴的網站公司、網頁設計公司,接下來本文將整理8間精選網站設計公司、網頁設計公司,協助讀者挑選出專業又能帶入流量的高效益網站。