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

如何編輯網頁圖、文 /part 4:分類圖集、回饋評論

如何簡單輕鬆編輯網頁圖文的內容?圖文並茂的文章教學讓你一次學會Gallery(圖集)分類版 更換圖片文字、回饋、評論文字編輯。

目錄

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

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

Gallery(圖集)分類版 更換網頁圖片文字

可以發現這裡的Gallery最上面有一排分類,現在看到的是All全部的圖片。

T demo0035
Gallery

點選分類開胃菜後,就會剩下開胃菜的圖片,而這裡也設定滑鼠游標滑過圖片時會顯示文字介紹。

T demo0038
Gallery

欲編輯該項目,同樣地在它上面點選右鍵,編輯 Gallery,這裡不建議直接按左鍵,可能會點開圖片。

T demo0036
Gallery 設定

左側編輯區域顯示的是分類,也可以新增分類,分類標題點開後就可以編輯圖片。

T demo0039

Title可以編輯分類名稱,點選圖片區可以編輯圖庫。

T demo0037 1
點開圖庫會出現編輯視窗

可以新增或刪除此分類的圖片,也可以編輯圖片的標題及說明文字。

回饋、評論文字編輯

T demo0040
此兩個評論須分開編輯

在此demo設計中,只有兩個評論,且不會有輪播動畫。欲編輯該項目,同樣地在它上面點選右鍵,編輯 Testimonial Carousel,或直接按左鍵。

T demo0041
編輯 Testimonial Carousel

左側編輯區域中,點開Item #1 即可編輯文字。

T demo0042
編輯 Testimonial Carousel

這裡的顧客回饋只有 Content Name 有內容,只需要編輯此兩個區域即可。

若你看過其他demo,可以發現有些顧客回饋或評論還有大頭貼及Title描述,也是在這裡做編輯。

其他教學文章

各種ChatGPT及AI工具應用、指令手冊、解決方案,每週更新。
學習最新AI工具,就上Learn AI
AI如何讓工作更輕鬆、更有效率?立刻學習!
LA廣告-1
LA廣告-2
LA廣告-3
Related Post

最新文章

WordPress缺點

WordPress缺點揭露:克服挑戰,打造優質網站的策略指南

這篇文章將深入探討WordPress作為全球最受歡迎的內容管理系統(CMS)所面臨的一些普遍批評和挑戰。雖然WordPress因其易用性、靈活性和強大的社群支持而被廣泛採用,但它也不是完美無缺的。我們客觀分析WordPress缺點,同時提出相應的解決策略和觀點,幫助讀者全面了解使用WordPress的利弊。

遭入侵網站

Google Ads 廣告被判定為遭入侵網站,怎麼辦?

在使用Google Ads進行廣告投放時,突然被判定為遭入侵網站是一種令人困擾的情況。網站遭入侵指的是在網站或網頁原始碼在擁有者不知情的情況下,遭到有心人士竄改或入侵,以此來圖利他人。這種行為不僅可能危害網站的安全性,還可能影響使用者的安全。

Selected Post

精選文章

WordPress 維護

實用!16 個 WordPress 維護的技巧手冊

網站架好了要如何進行 WordPress 維護?你需要定期維護網站核心功能、安裝的外掛、主題和其他方面。WordPress 是一個很棒的內容管理平台,但做好網站維護是讓你的網站在市場上走得更久的關鍵。

SSL憑證

SSL憑證是什麼?對網站的SEO其實有大影響?

SSL(Secure Sockets Layer),也就是安全資料傳輸層憑證,是網頁伺服器與瀏覽器之間的加密通信安全技術,確保您的網站資料不容易被攔截。但它對於網站的SEO又有什麼影響呢?我們將解釋這個重要的議題,讓您更了解SSL憑證的作用。