外掛說明
高度最佳化 的網頁製作工具
你想建立高品質的動畫與頁面,卻在受困於熱門頁面編輯器在 Google 測試中表現出的低效能 嗎?Greenshift 將為你解決這個問題。
此外掛 不使用預先定義的樣式、架構、圖示字型與指令碼 程式庫。每個資產都是即時產生,且僅在你使用時才載入。同時,外掛擁有非常獨特的區塊與動畫可能性,能以高端動畫與過渡效果讓訪客感到驚喜。你無須任何程式設計知識即可建立如同獲獎頂尖網站般的樣式。
一些專屬優點
✅ 支援全站編輯 (FSE) 的現成區段與版面配置 庫
✅ 互動圖層:透過觸發程序、條件與動作 為區塊增加互動性
✅ 動態屬性與動態運動:建立動畫鏈結 並與動態資料連結
✅ 進階容器、資料列、CSS 網格:控制對齊、間距、位置、彈性位置、支援多達 4 個中斷點 的回應式 設計、Flexbox 與 CSS 網格選項
✅ 編輯器 中的設計協助程式:直接在編輯器中更改位置、間距、框線 與大小
✅ 行動裝置智慧捲動與跑馬燈區塊:將一般的資料行 與區塊轉換為行動裝置上的可捲動項目或輪轉 檢視
✅ 進階輪播與分頁:將任何內容製作為輪轉/輪播/分頁。將一般圖庫 轉換為進階 3D 輪播
✅ 擴展背景選項(色彩/漸層/影片)以及具備游標暫留 過渡效果的覆疊
✅ 無須程式庫即可實現 CSS 捲動動畫與游標暫留 過渡效果
✅ AR/VR 3D 檢視器 區塊與 Spline3D 區塊
✅ 動態區塊:動畫標題、倒數計時、計數器、影片、分頁、開關切換、內容目錄、進度列 等
✅ 輕鬆針對不同解析度控制所有選項
✅ 上層 游標暫留過渡與背景動畫
✅ 自訂 側邊與下拉式滑動面板、彈出式訊息 產生器
✅ 本地 字型,符合一般資料保護規定 (GDPR)
✅ Figma 轉換器
✅ 任何網頁與網站轉 WordPress Greenshift 轉換器
✅ 動態資料、重複器、Meta 擷取器(可從自訂欄位、使用者 Meta、網站選項、外部消息來源等獲取資料)
✅ 顯示性選項
進階頁面設計與動畫
藉由 Greenshift 的功能,你無須具備程式設計 技能即可直接在核心編輯器 中建立複雜頁面與動畫。你可以像在其他頁面編輯器 中無法做到的那樣,新增間距、定位、CSS 轉換、陰影、框線。使用陰影預設集、游標暫留過渡預設集、覆疊過渡、無限 CSS 動畫、標題效果、自訂動畫、漸層背景、形狀分隔線、上層過渡等等。
欲查看一些獨特選項,請造訪功能頁面。
擴充的回應式 選項
現今行動裝置流量甚至超過了電腦,Greenshift 擁有一切讓你的行動網頁設計更出色的功能。它提供 4 個自訂中斷點、預覽模式,並允許為每個解析度設定不同的值。所有區塊都具備專屬最佳化 的行動裝置版面配置。此外,你也可以將一般的多行 設計切換為行動裝置上的智慧捲動,以產生應用程式風格的設計。
動態載入
我們明白你可能想保留目前的頁面編輯器,但同時也想使用 Greenshift 的某些功能。為此,我們增加了將區塊與頁面轉換為短代碼 的可能性。你可以直接在你的外掛或自訂頁面中使用它們。更進一步,我們還增加了當區塊進入視線範圍、或透過點擊/游標暫留時動態載入區塊的功能。這可以節省大型頁面的效能。
最高的網站使用體驗核心指標 評分
我們相信 Greenshift 是針對網站使用體驗核心指標評分最優化 的外掛。這是因為外掛採用了獨特的條件式資產載入技術。所有區塊都拆分為樣式區塊,僅在你於頁面中使用時才會載入。所有動態程式庫皆不依賴 jQuery。所有樣式均採內嵌 (inline) 方式載入至頁面標頭 區段,以防止累積版面配置位移 (CLS) 以及與快取 外掛的不相容。支援可重複使用區塊、小工具 與範本 環境。
透過 GREENSHIFT 附加元件 邁向更高層次
我們所有的核心功能現在免費,未來也將永遠免費。我們不販售任何進階版本,也不限制功能。同時,根據你的網站類型,你可能會對額外區塊感興趣。請查看完整的附加元件 WordPress 區塊列表。
動畫 (ANIMATION) 附加元件
你可以在核心版本中加入任何自訂動畫,但「動畫」(Animation) 附加元件 會提供更多基於熱門 GSAP 程式庫的選項。包含自訂視差滾動、多種動畫觸發程序(捲動、游標暫留、點擊、交錯、批次)、透過捲動控制插值、捲動時釘選 區塊、在狀態間進行平滑 翻轉、使用智慧 Lottie 載入程式、加入動畫水滴效果、顯現效果、滑動互動、動畫鏈結 與連接、文字與 SVG 動畫、圖片序列與影片載入程式。使用 Rive 區塊加入 Rive 場景,並透過我們的特殊 API 連結動態網站值與 Rive。
查詢 (QUERY) 附加元件
如果你想擴充動態功能,「查詢」(Query) 附加元件 非常實用。它為查詢迴圈 區塊提供許多現成的區塊版面配置,你可以使用特殊的 Meta 擷取 區塊(用以獲取並顯示來自自訂欄位、ACF、ToolSet 或分類法 Meta 的值)、願望清單 區塊、按讚數與熱度計數器來逐一自訂與擴充。可見性區塊可讓你根據不同篩選條件(分類、標籤、分類法、自訂欄位值、使用者角色、目前分類偵測)來顯示或隱藏內容。進階清單編輯器可幫助你建立目錄清單。查詢產生器則允許你為自訂內容類型 (CPT) 迴圈與輪轉 建立任何形式的設計。
SEO 與行銷附加元件
我們在為聯盟行銷、評論與比較網站開發各種工具方面擁有長達 10 年的經驗。透過與頂尖聯盟行銷專業人士及部落客合作,我們打造了一系列高轉換率的特殊區塊,助你在網站上賺取更多利潤。包含連結剖析協助程式、優惠區塊、比較與對照表、清單、評分與評論框、WooCommerce 框。所有區塊都具備專屬的行動裝置版面配置。
WOOCOMMERCE 附加元件
為全站編輯 (FSE) 新增 WooCommerce 區塊。透過「立即購買」按鈕、免運費、售罄計數器、套件組合、組合包、滑動面板、色票、屬性群組、額外的單一商品範本、自訂 分頁、Ajax 搜尋等多項功能來擴展你的商店。
任何網頁轉 WordPress 轉換器
將任何網頁或 HTML 設計轉換為 Greenshift 區塊。需訂閱 AIO 方案。
Figma 轉 WordPress 轉換器
只需點擊一下,即可將任何 Figma 設計轉換為 Greenshift 區塊。開放大眾免費使用。
AI 協助程式
AI 協助程式 is a tool that helps you to build blocks with AI. Use own API keys, no GreenShift subscriptions, no payment to GreenShift required. AI requests are sent directly to the selected third-party AI provider.
= HTML 程式碼 轉 WordPress 區塊轉換器 =
HTML 原始碼轉區塊轉換器:貼入任何包含 CSS 與 JS 片段 的 HTML,系統將會將其轉換為動態區塊。
第三方服務
此外掛 在特定情況下會連線至外部第三方服務:
GreenShift 商店
當你啟用 GreenShift 附加元件 的進階版授權 時,外掛 會連線至位於 https://shop.greenshiftwp.com/ 的授權伺服器,以驗證 並啟用你的授權金鑰。此連線會傳送你的授權金鑰與網站網址 以供驗證之用,不會將其他資料 傳送給第三方。此連線僅在啟用授權時建立,若不使用授權則不需要此連線即可使用外掛。
- 服務條款:https://greenshiftwp.com/terms-and-conditions/
- 隱私權政策:https://greenshiftwp.com/privacy-policy-2/
GreenShift Template Library
When you browse or import layouts, templates, categories, or related template assets from the GreenShift library, the plugin connects to https://greenshift.wpsoul.net/ to retrieve the requested template library data. The request may include selected category IDs, tag IDs, page numbers, layout IDs, and download URLs needed to load or import the selected layout. This connection is used only when interacting with the template library or importing a template.
螢幕擷圖







安裝方式
解壓縮 ZIP 檔,將內容放入 WordPress 安裝目錄 下的 `wp-content/plugins/` 目錄中,然後在「外掛」頁面啟用 該外掛。
常見問題集
-
Greenshift 支援所有佈景主題 嗎?
-
Greenshift 支援所有符合 WordPress 編碼標準的佈景主題。但我們建議使用針對 Gutenberg 最佳化 的佈景主題或全站編輯 (FSE) 佈景主題。
-
它可以在其他頁面編輯器 中使用嗎?
-
你可以在「可重複使用範本」區段建立範本,外掛 會為該範本產生短代碼。你可以在任何其他頁面編輯器 或非 Gutenberg 編輯器管理的區域使用此短代碼。
-
它能與其他 WordPress Gutenberg 外掛 搭配使用嗎?
-
是的,所有程式碼 皆以區塊 為基礎,因此你可以將其與其他外掛 或區塊組合使用。
-
我需要具備程式設計 能力嗎?
-
不需要!Greenshift 使用最先進的瀏覽器功能,並提供視覺化 UI 讓你透過編輯器 控制一切。同時,也提供自訂 CSS 選項,方便你在需要時加入自訂程式碼。
-
我能獲得 100 分的網站使用體驗核心指標 評分嗎?
-
是的,我們保證 Greenshift 是依據 Google 的建議開發,即使是複雜的頁面,也能在行動裝置上保持 100 分的評分(前提是你使用了最佳化 的佈景主題、良好的主機,且頁面負荷不過重)。
使用者評論
參與者及開發者
變更記錄
13.1.4
- Added: AI Agent Prompt builder in Settings – AI & API Keys – ready-to-copy prompts for AI agents (Claude Code, Cursor, Codex) with prompt types for building designs, fixing blocks, charts, tables and conversions, powered by the greenlight-vibe skill
- Added: No AI Slop option for agent prompts – adds strict design rules that prevent the generic AI look (violet gradient glows, pulsing dots, glassmorphism and more)
- Added: Site connection option for agent prompts – generate and manage application passwords directly in settings, prompt includes REST API credentials so agents can publish content to the site
13.1.3
- Added: Rank Math Table of Contents block support – headings from Heading Advanced and Element blocks now appear in the TOC block with working anchor links
- Added: OpenGraph image option in Settings – Theme settings – uses the Featured Image on singular pages with a configurable fallback image
13.1.2
- Added: Rank Math SEO integration – headings from GreenShift blocks are now visible to Rank Math content analysis (keyword in subheadings, Table of Contents and content length checks)
- Added: WPML support for links inside Element blocks – link text and href are now translatable
- Update: AI model list in settings (claude-opus-4-8, claude-sonnet-5)
- Fixed: Accordion scroll to open item landed on wrong position when auto-close mode is enabled – now it waits for the previous item to collapse before scrolling
- Fixed: StyleBook element crash when rendering the Subselector panel
- Fixed: Modal close button class renamed to avoid CSS conflicts with theme styles
- Fixed: Custom block icon colors are no longer overridden in the list view for selected blocks
13.1.0
- Added: Improved class saving
- Added: Option quick live search for classes and local style panel
- Added: Updated AI skills for improved export to WordPress options outside wordpress environment
13.0.0
- Added: GLAI 2.0, our inner AI helper, now more stable and with support of dynamic template generations + updated model list in settings
- Added: “Disable button preset panel” option in Settings – Interface to hide the Button Presets panel in Button and Link element blocks
- Update: Updated Vimeo Player SDK to v2.30.4 to resolve deprecated API warnings in the video player
12.9.4
- Update: Removed license checker
12.9.3
- Update: Removed aria-hidden for accordion block
12.9.2
- Added: GPT Image 2 model for image generation
12.9.1
- Added: Updated Skills for AI agents, not it’s better handling external link tags
- Added: , combined .po file for admin and editor and Localization of addons tutorial
12.9.0
- Added: Improved security for Image block, API Connector, Global Color API.
- Added: Improved Agent system for AI Helper (works properly only with WP 7.0 and newer)
- Added: Updated Skills for AI Agents (find it in skills folder in plugin)
12.8.8
- Added: improved export/import for reusable templates
- Added: improved navigation element menu for cases when you have a lot of menu items on mobile navigation
- Added: improved svg support from convertors
12.8.7
- Added: Font weight in typography (old) panels are device related now
- Added: Support for updated iframe editor for upcoming WP 7.0
12.8.6
- Added: Box sizing option added to containers automatically if width, height, minHeight or maxHeight is set
- Added: Improved security for dynamic atributes.
- Added: Improved style rendering for AI agentic code generation
- Added: Image and Video Elements blocks now support dynamic placeholders for src and alt attributes
12.8.5
- Added: Background option in GS blocks are devices related now as for GL Elements
- Added: Better semantic table element default preset
- 新增:更新 AI 協助程式模型
- Added: Ability for changing global variables for Ability API
12.8.4
- 新增:改良動態樣式轉譯與動態區塊版面配置載入的安全性
- 新增:針對即將推出的 AI 核心功能新增 WordPress 權限
- 新增:更新 AI 協助程式模型
- 新增:改良色彩變數的 Stylebook 使用者介面
- 新增:區塊版面配置覆寫現已支援區塊覆寫用的類別
12.8.3
- 新增:改良可重複使用區塊的 AJAX 載入安全性
12.8.2
- 新增:類別隱藏功能僅適用於樣式管理員區塊
- Added: More Dynamic placeholders
- Added: Dynamic placeholders are executed immediately if it’s placed in query builder
12.8.1
- 新增:將區塊匯出為 HTML 程式碼 (位於資訊欄選單)
- 新增:改良樣式管理員區塊的 HTML 轉換區塊功能
- 新增:選取類別時,類別面板會隱藏其他類別,以便管理大量的類別
- 修正:地圖圖示修正
- 修正:修正將區塊轉換為輪播的問題
- 新增:間距、背景、邊界、邊框間距簡寫
12.7.1
- 修正:修正元素區塊中的自訂 JavaScript 選項,以及歡迎畫面中的修正選項
12.7
- Added: Components Extending Components in Greenshift
- 新增:當你為類別建立子選取器 時,它會自動填入區塊內部項目的最新類別
12.6.4
- 修正:程式庫修正
12.6.3
- 新增:將按鈕預設 變數加入預設 選取器
- 新增:樣式手冊 (Stylebook) 中新增移除所有全域類別的按鈕
12.6
- 修正:針對介面 替換了 GSAP 可拖曳功能
- 修正:改善 API 端點的授權驗證
12.5.7
- 新增:更新樣式管理程式 (Stylemanager) 的 HTML 轉區塊功能
- 修正:修正部分區塊的圖示
12.5.5
- 新增:新的動態預留位置 {{THUMBNAIL_URL}}
12.5.4
- Added: If block has classic class that is controlled by Style Manager, you can select it directly from block
- Added: Local class locator opens relevant class
- Added: HTML to blocks in Stylemanager now supports Full page importing and automatic placing styles and scripts
12.5.2
- 新增:樣式管理程式的「複製樣式至本地類別」功能,現在也支援未在 UI 中呈現的樣式選項。這些選項將被複製到本地類別的自訂 CSS 中。
- 新增:版面配置 面板 新增 Box Sizing 選項
- 修正:修正重複區塊中互動圖層的問題
- 修正:修正子選取器 無法加入任何樣式的問題
12.5.1
- 新增:樣式管理程式的 HTML 轉區塊功能現在能更好地轉換 SVG
- 新增:樣式管理程式新增後代樣式選項
12.5
- 新增:AI 協助程式 支援 Gemini 3 Flash 模型
- Added: Preset variables can be changed from sidebar
- 新增:改善樣式管理區塊中的 HTML 轉區塊轉換功能
- 新增:改善重複器區塊的分類法 擷取
- 新增:改善樣式管理區塊中的 HTML 轉區塊轉換功能
- 新增:GreenLight 區塊在插入器 中顯示綠色圖示
- 新增:點擊初始觸發元素 即可關閉滑動面板
12.4.1
- 新增:AI 圖片產生器支援 GPT Image 1.5 模型
- 新增:AI 協助程式 支援 GPT 5.2
- 新增:樣式管理區塊的 CSS 轉類別轉換器支援以逗號 分隔的多個子選取器
12.4
- 新增:樣式管理區塊新增將 HTML 轉換為區塊的選項
- 新增:樣式管理區塊新增將 CSS 轉換為樣式管理程式類別的選項
- 新增:新的動態預留位置 {{TERM_LINKS:taxonomy}}
- 新增:單位控制項 中的變數選取器僅顯示自訂變數,並排除預設 變數
12.3.3
- 新增:樣式管理區塊新增移除未使用的類別的選項
- 新增:新增可用於更改短代碼 中可重複使用區塊 ID 的篩選器
- 新增:樣式手冊變更,現在也可以在色彩區段新增全域色彩預設集
12.3.1
- 新增:改善 AI 協助程式 的 UI 提示
- 新增:AI 圖片產生器支援 Nana Banana Pro 預覽模型
- 新增:AI 協助程式 支援 Gemini 3 Pro
- 新增:AI 協助程式 支援 GPT 5.1
- 新增:AI 協助程式 建立區塊的新選項 – 嘗試改善後的 UI 提示 (Prompt)
12.3
- 新增:聯絡表單 預設集
- 新增:更改文字區塊的預留位置,使其更符合自訂品牌 需求
12.2.9
- 新增:修正選單 區塊
12.2.8
- 修正:修正圖表 區塊的資料清理
12.2.7
- 改善:AI 協助程式 的圖片提示
- 新增:Claude Haiku 4.5 模型
- 新增:AI 協助工具 新增網頁擷取功能,你現在可以在提示中放入連結,並要求根據頁面內容產生內容,僅支援 Gemini 與 Claude 模型
- 新增:文字區塊新增 {{LOREM}} 預留位置
- 修正:修正 Google 地圖區塊
- 修正:修正樣式手冊中選取器 的移除功能
12.2.5
- Added: Claude 4.5 sonnet model
- Added: Making Blocks programmatically
- Fix: Fixed button Element variables
12.2.4
- 新增:可直接從 Greenshift 控制台 安裝附加元件,並新增文章 內容作為動態文字資料
12.2.3
- Added: Improved accessibility for Navigation Element. Improved dark mode in editor.
12.2.2
- 新增:改善與 Kalium 佈景主題 的整合
- 改善:進一步改善編輯器 中的深色模式
12.2.1
- 修正:修正若在樣式手冊之外儲存,全域類別不會儲存的問題
12.2
- 新增:動畫現在可以加入至全域類別
- 新增:用於圖片的 Nana Banana Gemini 模型
- 新增:後代樣式批次 變更器
- 新增:新增移除各種 WordPress 產生的標頭 程式碼 的選項(跳過連結、Emoji 等)
- Added: HTML Converter
12.1.2
- 新增:改善與 Kalium 佈景主題 的整合
- 新增:當欄位傳回 file_id 而非 file_url 時,能更準確地偵測動態圖片元素
- 新增:元素 區塊支援 EM、STRONG 標籤
12.1.1
- 新增:Youtube 內嵌 元素(原 Youtube 自動播放元素已重構)
- 新增:Vimeo 內嵌 元素
- 新增:Iframe 元素 支援網址 動態預留位置(Youtube 與 Vimeo 元素同樣支援)
- 新增:文字分割元素 支援動態值
- 新增:改善面板 指令碼 的無障礙支援
- 新增:影片元素 新增延遲載入 選項
- 新增:樣式管理元素
- 新增:一般 AI 模型現在支援 Claude 模型
- 新增:位置面板 新增隔離 (Isolation) 參數
- 新增:AI 模型現在會優先使用來自預設集 的內部 CSS 變數
- 新增:區塊建置模型新增使用網站品牌色彩與變數的選項
- 修正:修正效果面板 中的色調旋轉濾鏡
- 修正:修正儲存空值 時的網站識別問題
- 修正:修正儲存空值 時的網站識別問題
- 修正:修正投稿者 角色權限安全性問題(原可儲存其他文章的 CSS)
12.0
- 新增:Youtube 自動播放元素
- 新增:Iframe 元素
- 新增:動態預留位置 支援 A 與 Iframe 元素 的 href、title、src 屬性
- 新增:切換器 元素
- 新增:社交網路服務分享 元素
- 新增:區段元素 也有頂部與底部間距 的預設變數,你可以在樣式手冊 – 變數 – 變數預設集中進行覆寫
- 新增:按鈕元件 元素 以及按鈕元件的獨立變數(你可以在樣式手冊 – 變數 – 變數預設集中進行覆寫)
- 新增:當你儲存區塊的預設屬性時,類別也會一併儲存
11.9.3
- 新增:改善選單 區塊
11.9.2
- 新增:若圖片元素 區塊的動態連結為檔案 ID 而非網址,系統將自動進行轉換
- 新增:修正輪播箭號
11.9
- Added: Navigation menu Element block
- 新增:深色模式 改善
11.8.1
- 新增:AI 協助程式 加入了針對自訂指令碼 與輪播的指示
- 新增:Gemini 模組 的 AI 更新
11.8
- 新增:區塊與簡化面板 功能
- 新增:內部 CSS 架構 的色彩與高度預設集
- 修正:修正分頁 的對齊選項
11.7.2
- 修正:修正 Swiper 同步容器
- 新增:元素 區塊支援 Unicorn Studio Canvas 內容類型
11.7.1
- 新增:元素 區塊的自訂 JS 面板
- 新增:元素 區塊的自訂 CSS 面板 支援 AI 協助程式
- 新增:AI 協助程式 的設計建置變體 現在具備外部網頁搜尋工具
- 新增:CSS 變數架構 中新增一些用於燈箱、面板 的變數
- 新增:編輯器面板 提供深色模式 切換器(點擊右上角的 G 圖示),並改善了深色模式
- 新增:CSS 變數架構 中新增一些用於燈箱、面板 的變數
- 修正:修正輪播、互動及其他使用者回報的問題
11.6
- 新增:編輯器 深色模式(Greenshift 設定 – 介面),目前為 Beta 版本
- Added: Local class can be converted to global class
- 新增:類別面板 中不同類型類別間的微小色彩差異
11.5.7
- 新增:互動圖層中的條件現在可以使用自訂選取器,以檢查除目前動作 元素 之外的其他元素類別
- 修正:修正全域變數彈出視窗,以及包含動畫或 Calc 函式 的樣式 HTML 轉換
- 修正:按鈕區塊安全性改善(由 Peter Thaleikis 回報)
11.5.5
- 新增:改善編輯器 中的分類法 值動態資料
11.5.4
- 新增:AI 設計模型支援 Gemini 2.5 模型。同時將 Gemini 模型更新為最新的 gemini-3-flash-preview-preview-05-06 版本。請前往 Greenshift 設定 – AI 重新儲存你的模型
- 新增:AI 協助程式 工具 的一些修正
- 新增:當你複製具備本地 類別的區塊時,它會引用原始區塊,而非複製類別的所有屬性
- 新增:修正摺疊面板、模型檢視器,支援互動圖層的多重條件
11.5.2
- Added: AI Helper tools now have new Open AI models for image generation
- 新增:元素 區塊的內容支援動態預留位置
- 新增:互動圖層新增建立面板 與彈出式訊息 範本 的選項。範例:如何製作具備輪播功能的快速檢視
- 新增:圖片元素 區塊新增 AI 編輯與產生選項
11.5.1
- 新增:AI 協助程式 工具
11.4.6
- 新增:針對 WP 6.8 的更多修正
- 新增:改善圖片與影片元素 區塊中的動態擷取
- 新增:重複器區塊新選項 – ACF 網站選項。它使用 ACF 函式 而非 get_option 函式來擷取 資料
11.4.5
- 新增:GreenLight 區塊支援 WPML,以及 API 端點的安全性更新
11.4
- 新增:互動圖層新增「複製到剪貼簿」動作
- 新增:互動圖層新增觸碰開始 (Touch Start) 與觸碰結束 (Touch End) 觸發程序
- 新增:動態預留位置 支援在單一欄位 中使用多個預留位置
- 新增:內容目錄 區塊更新
- 修正:修正一些 WPML 選取框問題
11.3.1
- 改善:互動圖層與彈出式訊息指令碼 的一些改善
11.3
- 新增:用於 動態來源與 API 連接器 的 API 預設集
- 新增:動態來源支援 CSV 與 Google Sheets 選項(見 API 預設集)
- 新增:API 連接器支援交談 (Chat) 選項
- 新增:API 連接器支援串流 (Stream) 選項
- 新增:CSS 轉換的不透明度 支援回應式 斷點
11.2
- 新增:元素 區塊支援 Details、Summary 標籤
- 新增:互動圖層新增動作:捲動至、複製元素、複製 (Clone) 元素、建立新元素
- 新增:動態圖表 區塊支援 CSV 與 Google Sheets 選項
11.1
- 新增:元素 區塊的動態類型支援分類法 Meta 欄位選項
- 新增:內嵌 樣式安全性改善,感謝 Peter Thaleikis
11.0.2
- 新增:圖表 元素
- 新增:元素 區塊可轉換為輪播,並縮減輪播查詢區塊的 DOM 大小
- 新增:動畫效果面板 新增關鍵影格 (Keyframe) 編輯器功能
10.9.2
- 修正:修正影片元素
10.9.1
- 修正:修正損壞的進度列 區塊
10.9
- 新增:適用於 WordPress 的用戶端 與伺服器 端 API 連接器
- 新增:針對不支援自訂欄位 的自訂內容類型 修正其樣式缺失的問題
- 新增:改善圖片動態網址 的後援 圖片選項
- 新增:API 連接器新增分頁 功能選項
- 新增:根據回報進行了一些效能、安全性與可用性 的改善
10.8
- 新增:重複器區塊新增查詢引數 (Query Args) 類型
- 新增:元素 區塊新增大小預設集
- 新增:進一步提升簡單動畫的效能
- 新增:為動態屬性提供一組快速動態預留位置
- 新增:互動圖層新增迴圈 選項
- 新增:互動圖層新增點擊次數 動作
- 新增:元素 區塊中的重複器/動態內容支援 API 連接器
- Added: Dynamic styles for Element block
- 新增:元素 區塊新增動態索引器
- 新增:排版樣式 面板 新增正確的 Line Clamp 選項
10.7
- 新增:文字全域預設 類別。現在,當你為文字元素 建立全域類別時,可以在排版樣式 選項中更輕鬆地選取它們(點擊字型大小選項中的圖庫圖示)
10.6.7
- 修正:修正某些情況下預設 類別無法載入的問題
10.6.6
- 新增:支援自訂 Kadence Woo 範本
10.6.5
- 新增:類別系統針對內部區塊新增自動類別(不含階層、BEM)
- 新增:根據使用者回報進行各項改善
10.6.4
- 修正:針對特定情境優化全域類別的子選取器 效能
10.6.3
- 新增:樣式支援 Jet Engine 元件
10.6.2
- 新增:自訂內容類型 (CPT) 不使用內嵌 CSS 載入
- 新增:全域類別現在皆載入至標頭 (head)。若你想使用即時 (On-fly) 選項,需在 Greenshift 設定 – CSS 選項中啟用
10.6.1
- Added: dynamic step for Unit Controls. Now, step is calculated based on value.
- 新增:本地 根類別現在於類別面板 中可見
- 新增:在類別面板 中搜尋類別時,現在可以更輕鬆地建立新類別
- 新增:互動圖層新預留位置:{{INDEX}} 傳回目前元素 在上層 中的索引,{{CHILD_COUNT}} 傳回子元素數量
- 修正:修正某些情境下的輪播自動寬度選項
- 修正:修正類別面板 中名稱相似類別的移除與重新命名問題
10.5.1
- 新增:支援最新版本的 WooCommerce
10.5
- Added: Updated default variable system for GS and preparation for StyleKit
- Added: New option for design of instances of Synced Patterns
10.4
- Added: Local style components
- Added: Improvements for Custom panels, popups, slide panels
10.3
- Added: New style engine for reusable templates that should fix some issues with styles.
- 新增:區塊佈景主題使用新樣式引擎(應會移除所有內嵌 樣式)
- 修正:互動圖層中的動畫選項現在支援動態預留位置
10.2.4
- 修正:修正 Win11 Firefox 瀏覽器的圖示
10.2.3
- 新增:互動圖層的自訂動作 選取器 新增預留位置:{TRIGGERNEXT}、{TRIGGERPREVIOUS}、{TRIGGERPARENT}、{TRIGGERGRANDPARENT}、{TRIGGERCHILD}
- 新增:情境 (Context) 類別現在也支援元素 區塊的根類別
- 新增:Smart Code 外掛 支援 O1 OpenAI API 模型
- 新增:「A 連結元素」更名為「連結元素 (A 標籤)」
10.2.2
- 修正:修正帶有數值之全域類別的各項問題
10.2.1
- 新增:互動面板 現在支援多個執行個體 與 {POST_ID} 預留位置。這使其可用於查詢迴圈 與動態區塊中。
10.2
- 新增:彈出方塊/工具提示/下拉式清單互動圖層
- 新增:若元素 具備包含面板/彈出式訊息/彈出方塊的互動圖層,系統將顯示同步面板控制項
- 新增:動畫面板 新增自訂啟動選取器 選項,用以觸發動畫預設集
- 新增:將標頭 中所有內嵌 樣式合併的 Beta 選項(僅適用於區塊佈景主題)。見 GS 設定 – CSS 選項
10.1.1
- 新增:互動圖層新增更多預留位置 (TRIGGERNEXT, TRIGGERPREVIOUS, TRIGGERPARENT, TRIGGERGRANDPARENT, TRIGGERCHILD)
- 新增:互動圖層的 CSS 設定選項支援獨立的轉換值 (translateX, translateY, scale, rotate, skew 等)
- 新增:類別系統現在會自動偵測來自上層 區段所有區塊的所有類別
- 新增:為元素 區塊與類別系統提供間距 預設集
10.0.2
- 新增:摺疊面板元素 新增僅能開啟一個項目的選項(將所有區塊加入至具備 gs_collapsible 類別的上層 區塊中)
- 新增:改善行動裝置上輪播區塊的邊緣釋放功能
- 新增:改善進階圖片區塊的寬度設定
- 新增:區段元素、內容區域新增預設屬性
10.0.1
- 新增:Bluesky 社交網路服務分享 區塊
- 新增:簡化面板 現在也對編輯 角色開放
- 新增:動態欄位 新增作者個人頭像 選項
10.0
- 新增:歡迎畫面新增選取工作流程的選項
- 新增:查詢 (Query) 附加元件 新增篩選 區塊
- 新增:互動圖層新增退出意圖 (Exit Intent) 觸發程序
- 新增:元素 區塊新增形狀分隔線
- 新增:位置面板 為元素 區塊提供錨點 API
- 新增:針對非編輯 角色,為元素 區塊提供簡化面板(GS 設定 – 介面)
- 新增:元素 區塊(效果面板)新增捲動驅動的 CSS 動畫
- 新增:動畫面板 新增顯示預設集(這會使用 Display 屬性而非不透明度,適用於製作自訂工具列)
- 新增:改善插入器 中區塊的重新編排
9.9.9.6
- 新增:預設將優先權恢復給 GS 區塊
- 新增:在標頭 中載入類別樣式的選項(GS 設定 – CSS 選項,目前為 Beta 版且僅支援區塊佈景主題)
9.9.9.5
- 新增:改善區段元素(舊名為內容元素)
- 新增:圖片區塊新增啟用 Srcset 的選項
- 新增:動畫預設集 新增顯示預設集選項(也會對 Display 屬性執行動畫)
- 新增:動畫預設集 新增反向選項(用於游標暫留與啟動狀態,以便在啟動時隱藏項目)
9.9.9.2
- 新增:更新資訊欄 面板,現需 WP 6.6 以上版本。為資訊欄面板新增自訂樣式選項
- 新增:動畫預設集 新增 SVG 繪製選項
- 新增:改善內容元素 區塊對 Blocksy 的支援
9.9.9.1
- 新增:動態文字區塊新增文章 ID 選項
- 新增:動畫效果新增物件位置選項,用以製作背景視差捲動 效果
9.9.9
- 新增:捲動驅動的 CSS 動畫
- 新增:為 A 連結元素 與按鈕元素 提供按鈕預設集
- 新增:圖示 清單元素 及部分修正
9.9.8.8
- 新增:效果面板 提供建立自訂動畫的新選項,包含先進的 animation-timeline 屬性
- 修正:修正輪播區塊中的 3D 效果
9.9.8.7
- 新增:動畫預設集 現在也可用於上層 游標暫留效果
9.9.8.6
- 新增:自動為本地 類別建立子選取器 的選項(選取類別並點擊刷子圖示)
- 新增:動畫面板 新增模糊效果及其他改善
9.9.8.5
- 新增:類別系統新增較高權重 (Specificity) 選項,以及互動圖層的部分修正
9.9.8.4
- 新增:複製/貼上樣式現在支援從本地 樣式至類別系統
- 新增:在輸入欄位 點擊右鍵即可開啟變數選取器
- 新增:增加本地 樣式的權重(使用本地樣式面板 中的點圖示)
9.9.8
- 新增:元素 區塊新增不透明度 濾鏡 與背景效果,以及部分修正
9.9.5
- 新增:動畫面板 中的自訂動畫選項現在與裝置相關,你可以針對電腦、平板與手機設定不同的動畫
- 新增:改善行動裝置上元素 區塊的工具提示 (Tooltip) 選項
- 新增:遮罩選項提供形狀預設集
- 修正:修正無法儲存互動全域選項、佈景主題 色彩的問題;改善動態摺疊面板
9.9.2
- 新增:動畫文字元素
- 新增:動畫預設集 現在使用更新的變數系統,因此可以被全域變數覆寫
- 新增:動畫預設集 新增將動畫套用至子項目而非項目本身的選項
- 新增:元素 區塊新增工具提示選項(位於游標與游標暫留效果中)
9.9.1
- 新增:倒數計時元素
- 新增:分頁 元素
- 新增:在插入器 中設定 Greenshift 元素 優先權的選項(Greenshift 設定 – 介面)
- 新增:改善內容元素 區塊對 Blocksy 寬度的支援
9.8.1
- 新增:更新互動與運動類別預設集 庫
- 新增:倒數計時元素樣式變化
- 新增:摺疊面板元素樣式變化
- 新增:封面區塊元素樣式變化
- 新增:帶有覆疊 的按鈕元素樣式變化
- 新增:互動圖層新增動作「自訂面板」
- 新增:Greenshift 選項新增啟用頁面過渡效果的選項
- 新增:回應式 選項新增可在編輯器 或前端 停用 區塊的選項
- 新增:元素 區塊現在已全面動態化,可用於 Ajax 動態區塊與查詢迴圈 中
- 新增:摺疊面板的一些無障礙支援 改善
9.7
- 新增:元素 區塊(用於圖片、A 連結元素與影片元素)新增動態連結選項
- 新增:互動圖層新增輪播切換 (On slide Change) 觸發程序
9.6.1
- 新增:改善滑動面板區塊的無障礙支援(將關閉元素 替換為 Button 標籤)
- 新增:互動圖層新增鍵盤觸發程序 選項(按鍵按下事件)
- 新增:互動圖層新增燈箱 動作
- 新增:元素 區塊工具列 新增快速 Flex 選項
- 新增:元素 區塊新增自訂游標與游標效果選項
- 新增:元素 區塊的字型 選項預設集
- 修正:若你在範本 匯入 後遇到問題,請前往 Greenshift 設定 – 匯入/匯出,查看是否有關於分類法詞彙 ID 修正的通知
9.5.6
- 修正:修正更新後之元素 區塊的自訂 CSS 與游標暫留選項
- 新增:改善元素 區塊的內容區段樣式變化
- 新增:元素 區塊工具列 新增快速外觀面板
9.5
- 新增:更新類別系統與元素 區塊的面板
- 新增:為簡單自訂動畫提供無限迴圈 選項(啟用動畫的自訂預設集 並尋找迴圈選項)
- Added: Element block has new attribute system
- 新增:元素 區塊新增可拖曳捲動容器樣式變化
- 新增:元素 區塊新增跑馬燈容器樣式變化
- 新增:元素 區塊新增內容區域樣式變化
- 新增:元素 區塊現在具備動態重複器選項
- 新增:元素 區塊新增效果面板
- 新增:元素 區塊新增根類別選項。現在你可以更改套用本地 屬性的根類別
9.4
- 新增:容器新增圓形形狀遮罩
- 新增:地圖區塊安全性修正,感謝 Patchstack 的 João Pedro Soares de Alcântara
- 修正:修正 WP 在處理巢狀 區塊時的效能 問題
9.3.7
- 新增:改善分頁 區塊的無障礙支援
9.3.6
- 新增:全域平滑捲動 功能。位於 Greenshift 設定 – 文章 區域 – 互動 – 啟用平滑捲動
- 修正:根據回報進行修正與改善
9.3.2
- 新增:動態屬性
- 新增:動態運動
- 新增:分割文字區塊
- 新增:互動類別(當你建立全域類別時,也可以將互動附加至其上)
- 新增:複製 – 貼上現在支援互動圖層的複製
- 新增:更新互動圖層的 UI
- 新增:運動捲動觸發程序
- 新增:為互動提供更多動態預留位置(隨機值、樣式擷取、屬性資料擷取、位置擷取)
- 修正:根據回報進行修正與改善
9.2.2
- 新增:類別系統新增不透明度 預設集,修正輪播中的封面流 (Coverflow) 效果及一些改善
9.2.1
- 新增:變數選取器 顯示變數值,以便更好地進行視覺化控制
- 新增:變數建立功能新增更多群組,CSS 匯入 工具現在會自動對變數進行分組
- 新增:輪播創意效果提供增加更多投影片以供迴圈 的選項,解決投影片空白的問題
- 新增:輪播封面流效果提供延伸與縮放選項,用以控制投影片間的距離
9.2
- 新增:樣式手冊新增樣式區段,用以匯入 設計系統或自訂 CSS
- 新增:進階排版樣式 新增文字限制 (Text Clamp) 選項
- 新增:改善溢出 (Overflow) 選項,提供新的現代化數值
- 新增:樣式選項(刷子圖示)新增清除區塊所有設計樣式的選項
- 新增:圓形進度列 新增動畫
- 新增:剪輯動畫新增內嵌框線預設集
- 新增:變數匯入 功能會根據變數名稱自動偵測群組
9.1.6
- 新增:類別的批次 匯入 功能現在支援媒體查詢 (Media Queries)
- 改善:改善可重複使用範本 的效能
- 修正:標頭 插入功能現在允許使用 noscript 標籤(用於 Google 代碼管理工具與 FB)
9.1.5
- 修正:改善跑馬燈區塊以支援巢狀 容器。若舊版跑馬燈區塊有問題,你可能需要點擊「嘗試復原」
9.1.3
- 修正:根據回報進行修正
9.1.2
- 改善:改善樣式手冊中全域元素 的權重
9.1.1
- 修正:類別管理穩定性提升與修正
9.1
- 新增:重新整理部分面板 的 UI
- 新增:樣式手冊與裝置預覽支援 WP 6.6(你需重新儲存元素 以套用 變更,更新任一選項以套用新樣式)
- 新增:文字樣式預設集(若要使用,請為文字或標題區塊新增任何全域樣式)
- 新增:設計系統匯入 功能(Beta 版),你可以從 CSS 程式碼 中匯入全域類別與變數
- 新增:互動圖層新增屬性切換動作
- 新增:跑馬燈區塊
9.0.1
- 新增:版面配置 匯入 功能加入單次有效隨機碼 以強化安全性
- 新增:為 WP 6.6 版本做準備(支援 React 19、自動載入重要選項)
9.0
- 新增:表格 元素
- 新增:動態 3D 選項
- 新增:類別系統新增類別重新命名選項
- 新增:內容目錄 新增用於捲動的自訂位移 參數
- 新增:倒數計時新增多項設計選項
8.9.9
- 新增:互動圖層新增輸入時 (On Input) 觸發程序
- 新增:改善版面配置 匯入 功能的安全性(感謝 Wordfence 與 Arkadiusz Hydzik)
- 新增:改善開關切換、摺疊面板動畫,以及 GSAP 的動畫鏈結
8.9.8
- 新增:支援在 Ajax 中使用社交網路服務分享
- 新增:支援從核心圖片區塊轉換為進階圖片區塊
- 修正:修正空的全域類別錯誤及其他改善
8.9.7
- 新增:動態區塊支援進階動畫
- 新增:支援從核心標題與段落區塊轉換為 GS 進階標題與文字
- 新增:地圖區塊安全性改善
8.9.6
- 新增:改善燈箱,並提升社交網路服務分享 區塊、內容目錄、影片與排版樣式 選項的安全性
8.9
- 新增:改善類別系統,並優化摺疊面板的關閉動畫
8.8.9
- 新增:CSS 轉換面板 新增可見性選項
8.8.8
- Added: Option to enable arrows only on hover for slider
…
