適合打造專業品牌形象的元件: Elementor教學

Flip Box

以下是範例呈現

RWD設計

確保網站在各種裝置上均有最佳顯示效果。

SEO優化

提升網站在搜尋引擎中的曝光度。

  1. Flip Box 使用步驟添加小工具:在Elementor編輯器中,拖放Flip Box小工具到頁面區域。
  2. 設置內容:填寫正面和背面的標題、描述和按鈕文字。
  3. 自定義樣式:調整顏色、字體和背景,選擇翻轉效果。
  4. 預覽並保存:檢查翻轉效果,確保滿意後保存頁面。

Testimonial Carousel

以下是範例呈現

  1. Testimonial Carousel 使用步驟添加小工具:在Elementor編輯器中,拖放Testimonial Carousel小工具到頁面區域。
  2. 添加評價:輸入每條評價的文字、客戶姓名和照片。另一種用途是放置品牌標語。
  3. 設置輪播:調整輪播速度、顯示的評價數量和導航選項。
  4. 自定義樣式:調整文字、背景和評價框的樣式。
  5. 預覽並保存:確保輪播效果正常,然後保存頁面。

Team Member

gdf983da9f8f93a6671609f5bfea0138665a8233db1ecbb51e5d07b64a962fcdd8982023caf691fa8ae4140c0d830c7bf06e2f5b6b0a895f24bca195b5dcd6926_1280-2704119.jpg

莊雅惠

社群小編
「我是設計魔法師,讓網站不只是看起來酷炫,還會自帶吸引力!」🎨✨
gdf983da9f8f93a6671609f5bfea0138665a8233db1ecbb51e5d07b64a962fcdd8982023caf691fa8ae4140c0d830c7bf06e2f5b6b0a895f24bca195b5dcd6926_1280-2704119.jpg

莊雅惠

「我是設計魔法師,讓網站不只是看起來酷炫,還會自帶吸引力!」🎨✨
gdf983da9f8f93a6671609f5bfea0138665a8233db1ecbb51e5d07b64a962fcdd8982023caf691fa8ae4140c0d830c7bf06e2f5b6b0a895f24bca195b5dcd6926_1280-2704119.jpg

莊雅惠

社群小編
gdf983da9f8f93a6671609f5bfea0138665a8233db1ecbb51e5d07b64a962fcdd8982023caf691fa8ae4140c0d830c7bf06e2f5b6b0a895f24bca195b5dcd6926_1280-2704119.jpg

莊雅惠

「我是設計魔法師,讓網站不只是看起來酷炫,還會自帶吸引力!」🎨✨
gdf983da9f8f93a6671609f5bfea0138665a8233db1ecbb51e5d07b64a962fcdd8982023caf691fa8ae4140c0d830c7bf06e2f5b6b0a895f24bca195b5dcd6926_1280-2704119.jpg

莊雅惠

「我是設計魔法師,讓網站不只是看起來酷炫,還會自帶吸引力!」🎨✨
gdf983da9f8f93a6671609f5bfea0138665a8233db1ecbb51e5d07b64a962fcdd8982023caf691fa8ae4140c0d830c7bf06e2f5b6b0a895f24bca195b5dcd6926_1280-2704119.jpg

莊雅惠

社群小編
「我是設計魔法師,讓網站不只是看起來酷炫,還會自帶吸引力!」🎨✨

  1. Team Member 使用步驟添加小工具:在Elementor編輯器中,拖放Team Member小工具到頁面區域。
  2. 輸入資料:填寫團隊成員的姓名、職位、照片和社交媒體連結。
  3. 自定義樣式:調整文字、圖片邊框和背景顏色。
  4. 預覽並保存:確認團隊成員信息顯示正確,然後保存頁面。

Lottie

  1. Lottie 使用步驟添加小工具:在Elementor編輯器中,拖放Lottie小工具到頁面區域。
  2. 上傳動畫:上傳Lottie JSON文件或輸入動畫URL。可以到 LottieFiles 官網找到免費與付費的小動畫。
  3. 設置動畫:選擇播放方式(如滾動、懸停或點擊),調整動畫速度。
  4. 自定義樣式:調整大小、對齊方式和邊距。
  5. 預覽並保存:確認動畫顯示效果,滿意後保存頁面。