Whoops 知識庫
頁面編輯器
WordPress 頁面編輯器教學:Elementor、Divi、Bricks 與 Gutenberg 區塊編輯器的操作比較與實戰,用視覺化方式做出專業版面。
目前分類:頁面編輯器16 個分類
依發布日期由新到舊
第 13–20 篇,共 20 篇

Elementor 圖片輪播不是動畫,是一疊排隊載入的圖
Elementor 圖片輪播的成敗,取決於素材、容器、控制與載入四層的搭配:三個條件先判斷這個位置該不該用輪播,四種元件對應四種內容型態,編輯器裡只看關鍵五組設定,首屏那張搶載入優先權,手機與鍵盤實機驗收,上線後讓數據決定留著、調整或拆掉。位置不對時,改成靜態版面同樣是完整答案。

Elementor 作品集教學:模板打造 Portfolio 頁面
Elementor 作品集製作教學:從 Portfolio 元件、Loop Grid 加自訂文章類型到 Kit 模板三條路線,搭配案例頁與手機版速度檢查,完成可追蹤成效的作品集。

Divi 5 新介面深度解析:暗黑模式與效能提升
Divi 5 已正式發布。本文整理新版介面、效能方向、相容模式與 Migrator 流程,協助新站或既有 Divi 4 站安排備份、測試和升級。

Elementor Pro:客製化 WordPress 文章列表教學
Elementor 文章列表教學:設定 Archive 範本、Loop Grid 的 Current Query、卡片與分頁,並釐清 Taxonomy Filter 的使用限制。

Elementor Pro 完整指南:Theme Builder 全解析
評估 Elementor Pro 的方案功能、授權啟用與續約限制,比較 Theme Builder、表單、Popup、WooCommerce 與團隊工作流程,依需求計算長期成本。

Elementor Pro 彈跳視窗教學:打造高轉換促銷彈窗
Elementor Popup Builder 教學:確認 Advanced 以上方案,區分頁面條件、觸發與進階規則,設定手動開啟、表單串接與行動體驗。

Elementor Hero Section 輪播教學:打造首頁視覺
用 Elementor Slides 製作滿版 Hero:設定容器、投影片文字與按鈕,檢查各斷點、圖片載入及可操作的輪播控制,並比較固定文案的背景輪播做法。

Divi Cloud 完整指南:雲端版型多站同步
Divi Cloud 雲端版型庫教學:保存與跨站取用版型、區塊、列和模組,說明 50 個免費項目、依賴檢查及雲端更新不會自動改寫已插入頁面。