2024-08-07
提升網站視覺吸引力：在Elementor使用Icon工具
學習如何在Elementor中使用Icon、Icon Box和Icon List工具來提升網站的視覺吸引力。本教學文幫助您創建更具吸引力和專業感的網站。無論是用於強調重要信息、創建有條理的列表，還是提升整體設計美感，我們的指南將助您掌握這些工具，提升網站的用戶體驗和SEO效果。
1. Icon
預設
堆疊
框架
- 拖放Icon Box小工具：從元素庫中拖放「Icon Box」小工具到頁面上。
- 選擇圖標：在內容設置中，從圖標庫中選擇一個圖標，並添加標題和描述文字。
- 設置鏈接：為圖標框添加超鏈接，讓用戶點擊後可以訪問相關頁面。
- 自定義樣式：調整圖標框的顏色、大小、邊距和對齊方式，確保與網站設計一致。
- 保存並預覽：保存更改並預覽頁面，確保圖標框正常顯示。
2. Icon Box
預設
堆疊
框架
這是標題
以下是為了能夠滿足段落所需的長度而定義的無意義內文，請自行參酌編排。
這是標題
以下是為了能夠滿足段落所需的長度而定義的無意義內文，請自行參酌編排。
這是標題
以下是為了能夠滿足段落所需的長度而定義的無意義內文，請自行參酌編排。
- 拖放Icon Box小工具：從元素庫中拖放「Icon Box」小工具到頁面上。
- 選擇圖標：在內容設置中，從圖標庫中選擇一個圖標，並添加標題和描述文字。
- 設置鏈接：為圖標框添加超鏈接，讓用戶點擊後可以訪問相關頁面。
- 自定義樣式：調整圖標框的顏色、大小、邊距和對齊方式，確保與網站設計一致。
- 保存並預覽：保存更改並預覽頁面，確保圖標框正常顯示。
3. Icon List
預設值
一致排列
- 列表項目 #1
- 列表項目 #2
- 列表項目 #3
- 列表項目 #1
- 列表項目 #2
- 列表項目 #3
- 拖放Icon List小工具：在Elementor編輯器中，從元素庫中將「Icon List」小工具拖放到頁面上。
- 添加列表項：在內容設置中，添加多個列表項，每個項目包含一個圖標和文本。
- 選擇圖標：為每個列表項選擇合適的圖標，從圖標庫中選擇或上傳自定義圖標。
- 自定義樣式：調整圖標列表的顏色、間距、對齊方式和文字樣式，使其與網站設計一致。
- 保存並預覽：保存更改並預覽頁面，確保圖標列表正常顯示。
