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

如何編輯網頁圖、文 /part 3:行動呼籲圖文、計數器、banner圖片

如何簡單輕鬆編輯網頁文章的內容及圖片?教你編輯 Call to action(行動呼籲) 圖文、計數器的數字、文字編輯、橫幅banner圖片修改。
目錄

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

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

編輯 Call to action(行動呼籲) 圖文

滑鼠移到圖片上會有文字顯現,這個要怎麼修改呢?

T demo0027
Call to action

欲編輯該項目,同樣地在它上面點選右鍵,編輯 Call to action,或是直接按左鍵。

T demo0028
此四個 Call to action 圖文是需要分開編輯的

左側的編輯區域可以看到 ImageContent

Image 區塊點選圖片可以更換圖片,Content 區塊可以更改標題描述

計數器的數字、文字編輯

在一些網站中可以看到計數器,會跑數字的小動畫,要更改數字及符號等也是很容易的。

T demo0031
圖中的三個%數區塊就是計數器

欲編輯該項目,同樣地在它上面點選右鍵,編輯計數器,或是直接按左鍵。

T demo0032
此三個計數器區塊是需要分開編輯的

左偏區域可以編輯數字及數字後欲呈現的符號,這裡是? %,開始數字1,動畫會從數字1開始跑到結束數字90。計數器的標題也可以更改。而計數器下方的台灣當地新鮮食材,可以直接點選修改。

橫幅banner圖片修改

此demo中的橫幅banner是圖文分開的,可以直接分開修改。

T demo0033
橫幅banner

更改圖片時,須在藍色框框上按右鍵,選擇編輯段

T demo0034
橫幅banner 設定

在左側編輯區域上方點選樣式,樣式下的背景就是更改圖片的地方。欲修改文字部分的話,只要在文字上按右鍵編輯就可以了。

其他教學文章

各種ChatGPT及AI工具應用、指令手冊、解決方案,每週更新。
學習最新AI工具,就上Learn AI
AI如何讓工作更輕鬆、更有效率?立刻學習!
LA廣告-1
LA廣告-2
LA廣告-3
Related Post
最新文章
網頁分類與標籤:善用 WordPress 架構內容與提升 SEO 的關鍵

想提升網站 SEO 表現卻忽略了分類與標籤的管理?這篇文章深入解析 WordPress 中分類(Category)與標籤(Tag)的實際用途與 SEO 影響,教你如何有效規劃與優化內容結構。從基本概念、設定技巧到常見錯誤與優化建議,全面掌握網站資訊架構的關鍵。

什麼是VPS主機
高規格 VPS 主機推薦:VPS-L 採用 Kinsta 架構打造

你是否正在尋找一款效能更高、價格更彈性的高規格 VPS 主機?VPS-L 採用 Kinsta 的 Google Cloud Platform(GCP)C2 架構,具備 16 核心處理效能與每 thread 512MB 記憶體配置,專為高資源消耗的 WordPress 電商與內容網站設計。想體驗高等級 Kinsta 效能?現在就從 VPS-L 開始。

網站主機位置
企業出海時代來臨!跨境購物網站如何快速打開全球市場?

在數位商機高速擴張的時代,「企業出海」不再是大型品牌的專利,中小型電商也能透過數位策略跨境拓展商機。本文將深入解析購物網站如何打造全球曝光力,結合 SEO、在地化、多語言建置與金物流整合,幫助品牌快速踏上「跨境」電商之路。

Selected Post
精選文章
WordPress網站安全
6個免費檢測網站安全的必備工具(2025更新)

在當今數位時代,網站安全是至關重要的議題。保護你的網站免受惡意攻擊和數據洩露,是確保網站運作正常並維護用戶信任的關鍵。這篇文章中,我們將向你介紹一些免費且有效的網站安全工具,讓你能夠輕鬆檢測和強化你的網站安全。

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

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

網頁設計推薦
網頁設計推薦2025更新!13 個激發靈感的網站

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