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

如何編輯網頁圖、文 /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
最新文章
【2025 跨境網站營運必備!】從 Surfshark 購買指南看最強 VPN 選擇

如果你曾經試過在中國大陸更新公司網站、用 Google 查關鍵字、或想登入 Facebook 管理廣告帳號,那你一定知道,那種 “網路不通就是地獄” 的無力感。
別擔心,解藥叫 VPN。VPN(虛擬私人網路)不只是跨區看片的工具,它更是跨境網站運營者的秘密武器。今天,我們就來從 surfshark購買指南 開始,聊聊 2025 年網站運營者與設計師該怎麼選 VPN,才能在中國大陸、台灣、甚至歐美市場之間自由穿梭。

【教學】如何架設購物網站?電商WooCommerce WordPress設計指南

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

wordpress架站
WordPress網站架設步驟、費用整理!網頁設計與架站前先看

WordPress架站是什麼?在資訊快速發展的時代,幾乎每個品牌都有專屬品牌網站,並且多數人選擇WordPress架站,很多人最在意之一:WordPress架站費用是多少?WordPress網站架設自己做可以嗎?本文將帶你了解WordPress為什麼能成為全球最受歡迎的架站平台,分析不同架站類型的選擇方向,讓你實際了解WordPress架站與網站設計。

Selected Post
精選文章
網頁設計推薦
網頁設計推薦2025更新!13 個激發靈感的網站

正在設計網站卻靈感枯竭嗎?我們為你精選了 13 個超實用的網頁設計推薦網站,從歐美大膽前衛到日本極簡清新,匯集全球頂尖設計師的精彩作品,幫助你打破設計瓶頸,激發視覺靈感。每一個網站都可能與你的創意撞出新火花,無論是品牌、排版、配色或互動體驗,通通找得到!

WordPress SMTP
SMTP是什麼?收不到 WordPress 網站的信?

如果您注意到無法收到您的WordPress網站發送的郵件,這可能表示您的網站尚未設定SMTP(簡單郵件傳輸協定)。本文將解釋SMTP是什麼,並解釋為什麼它對您的郵件傳遞如此重要。讓我們來探討解決這個問題的方法!

什麼是VPS主機
VPS主機是什麼?網站效能升級的最佳選擇!

現今,網站及應用程式的需求不斷增加。如果你不是一個專業的網站開發人員,你可能會對虛擬專屬伺服器(VPS)主機一知半解。本文將向你說明VPS主機及其優勢,以及什麼是主機代管,讓你更容易理解並做出明智的選擇。