Greenshift – 動畫與頁面編輯區塊

外掛說明

高度最佳化 的網頁製作工具

你想建立高品質的動畫與頁面,卻在受困於熱門頁面編輯器在 Google 測試中表現出的低效能 嗎?Greenshift 將為你解決這個問題。

此外掛 不使用預先定義的樣式、架構、圖示字型與指令碼 程式庫。每個資產都是即時產生,且僅在你使用時才載入。同時,外掛擁有非常獨特的區塊與動畫可能性,能以高端動畫與過渡效果讓訪客感到驚喜。你無須任何程式設計知識即可建立如同獲獎頂尖網站般的樣式。

查看 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 協助程式 是一款幫助你使用 AI 建立區塊 的工具。使用你自己的 API 金鑰,無限制、無須約期授權、不傳送資料給第三方,且完全免費。

= HTML 程式碼 轉 WordPress 區塊轉換器 =
HTML 原始碼轉區塊轉換器:貼入任何包含 CSS 與 JS 片段 的 HTML,系統將會將其轉換為動態區塊。

第三方服務

此外掛 在特定情況下會連線至外部第三方服務:

GreenShift 商店

當你啟用 GreenShift 附加元件 的進階版授權 時,外掛 會連線至位於 https://shop.greenshiftwp.com/ 的授權伺服器,以驗證 並啟用你的授權金鑰。此連線會傳送你的授權金鑰與網站網址 以供驗證之用,不會將其他資料 傳送給第三方。此連線僅在啟用授權時建立,若不使用授權則不需要此連線即可使用外掛。

螢幕擷圖

  • 智慧捲動。將任何元素 或資料行 轉換為行動裝置上的可捲動/輪轉 區塊
  • 快速 CSS 網格。若你需要完美對齊且等高的資料行,請使用智慧 CSS 網格容器
  • 彈性容器。使用 FlexBox 選項來完美對齊元素
  • 進階輪播與輪轉。為任何區塊新增自訂輪播。將圖庫 轉換為輪播
  • 形狀分隔線。選取預先定義的形狀,控制色彩、漸層與動畫
  • CSS 3D 轉換。新增任何形式的 CSS 轉換,包含 3D 效果
  • 滑動面板、彈出式訊息。建立自訂滑動面板、新增任何區塊,可用於巨型選單

安裝方式

解壓縮 ZIP 檔,將內容放入 WordPress 安裝目錄 下的 `wp-content/plugins/` 目錄中,然後在「外掛」頁面啟用 該外掛。

常見問題集

Greenshift 支援所有佈景主題 嗎?

Greenshift 支援所有符合 WordPress 編碼標準的佈景主題。但我們建議使用針對 Gutenberg 最佳化 的佈景主題或全站編輯 (FSE) 佈景主題。

它可以在其他頁面編輯器 中使用嗎?

你可以在「可重複使用範本」區段建立範本,外掛 會為該範本產生短代碼。你可以在任何其他頁面編輯器 或非 Gutenberg 編輯器管理的區域使用此短代碼。

它能與其他 WordPress Gutenberg 外掛 搭配使用嗎?

是的,所有程式碼 皆以區塊 為基礎,因此你可以將其與其他外掛 或區塊組合使用。

我需要具備程式設計 能力嗎?

不需要!Greenshift 使用最先進的瀏覽器功能,並提供視覺化 UI 讓你透過編輯器 控制一切。同時,也提供自訂 CSS 選項,方便你在需要時加入自訂程式碼。

我能獲得 100 分的網站使用體驗核心指標 評分嗎?

是的,我們保證 Greenshift 是依據 Google 的建議開發,即使是複雜的頁面,也能在行動裝置上保持 100 分的評分(前提是你使用了最佳化 的佈景主題、良好的主機,且頁面負荷不過重)。

使用者評論

2026 年 4 月 17 日 15 則留言
First, this plugin is very powerful and a great plugin. However, it is currently very unfriendly to non-English users. As an enhancement plugin for the Gutenberg editor, at least 90% of the entries in the Gutenberg editor interface cannot be translated. The reason why the plugin’s Gutenberg translation is incomplete is fundamentally due to one reason: The strings in the compiled JS files (build/*.js) are not called using the __(“text”, “textdomain”) method—although they are registered with wp_set_script_translations(), the actual build output almost entirely contains strings without textdomain. This problem is not limited to the Greenshift core plugin; other addon plugins also have the same issue. As a paid user, I reported this problem two years ago, but the developers have still not resolved it. This is very disappointing! As a genuine user, I hope this feedback will prompt the developers to take this issue seriously and find a way to resolve it as soon as possible. Thank you!
2025 年 12 月 13 日
Out of all the Gutenberg block plugins I tried so far, Greenshift stands out as the most advanced and flexible solution for building layouts and animations. Despite its rich feature set, it still produces clean and efficient markup without excessive wrappers or bloat.Yes, there are still some rough edges and occasional minor bugs, but considering the amount of work that has gone into the plugin, these are easy to overlook. I want to wish the developers the best of luck and ongoing success with the project.​​It is an excellent set of blocks for building a modern website with Gutenberg, from complex animations to advanced layout and responsive controls, simply an outstanding tool that is a pleasure to use every day. Keep it up!
2025 年 12 月 5 日
GreenShift is, without question, the #1 WordPress plugin for building modern, dynamic, and high-performance websites. After working with almost every major builder and block framework, nothing comes close to the sheer power, flexibility, and innovation that GreenShift delivers. This plugin is not just “another builder” — it is a next-generation engine designed for creators who want complete control, unmatched speed, and futuristic design capabilities. Every block feels polished, intelligent, and performance-optimized. With GreenShift, you can build anything your imagination can visualize — from simple landing pages to complex, data-driven systems, dashboards, and advanced interactive layouts. One of GreenShift’s greatest strengths is its native integration with the WordPress Gutenberg system. If you want to stay aligned with WordPress core and enjoy a builder that works inside the Gutenberg philosophy — not against it — GreenShift is the perfect choice. It transforms Gutenberg into an incredibly flexible, modern, and powerful design environment without adding bloat or creating compatibility issues. Everything feels natural, fast, and fully integrated with WordPress. GreenShift’s architecture is built for the future — CSS on demand, zero unnecessary code, and smart rendering. It delivers speed and performance that other builders simply cannot match. On top of this, its AI-powered features take creativity to a new level, helping you generate styles, blocks, animations, and layouts instantly and intelligently. Whether you are a beginner or an advanced developer, GreenShift gives you the freedom to build beautiful, dynamic, and high-performance experiences without touching code. It’s extremely rare to find a plugin that combines unlimited power with true simplicity, but GreenShift accomplishes this flawlessly. For anyone serious about performance, design innovation, and working within a Gutenberg-native, future-proof system:👉 GreenShift is not just recommended — it is essential. It is truly the strongest, most modern, and most capable WordPress building plugin available today. .
2025 年 12 月 1 日 1 則留言
As someone who builds many nonprofit, community, and professional websites, I’ve tested almost every popular builder—but GreenShift stands out in every category. It is incredibly lightweight, fast, and fully optimized for Core Web Vitals. The performance difference is noticeable immediately: pages load faster, animations feel smoother, and the overall builder experience is far more efficient compared to other heavy page builders. What I love about GreenShift: 🌟 1. Performance-First ApproachUnlike traditional builders that rely on heavy shortcodes or bloated scripts, GreenShift outputs clean, optimized HTML with conditional assets. Every block loads only what it needs—this alone dramatically improves speed scores. 🌟 2. Stunning Animations & InteractionsThe animation engine is truly next-level. From scroll-based animations to hover interactions and advanced motion effects, everything feels modern, fluid, and built for 2025-level websites. 🌟 3. Flexibility for Designers & DevelopersThe builder gives full control: Custom CSS and class support Dynamic content integration Query loops Template parts Full compatibility with FSEPerfect for both beginners and advanced users. 🌟 4. Regular Updates & Active DevelopmentThe Greenshift team releases updates constantly, improving the UI, adding new blocks, and enhancing performance. It never feels outdated. 🌟 5. Amazing Value for MoneyFor what it offers—animations, dynamic content, performance toolkit, WooCommerce modules—GreenShift easily competes with premium builders like Elementor Pro, Breakdance, and Divi, but at a fraction of the cost and with far better performance. 🌟 6. Excellent Support TeamAny time I reached out, the support was fast, friendly, and extremely helpful. They truly care about users and long-term improvements.
2025 年 11 月 27 日
I have been using Greenshift on a production site for about a year and found that it is a great block collection. There is a good range of features, more than most blocks. Updates don’t break things. The developer listens to user feedback and the developer is very talented.
閱讀全部 105 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Greenshift – 動畫與頁面編輯區塊〉的開發相關工作。

參與者

〈Greenshift – 動畫與頁面編輯區塊〉外掛目前已有 8 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Greenshift – 動畫與頁面編輯區塊〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

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

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

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

11.8.1

  • 新增:AI 協助程式 加入了針對自訂指令碼 與輪播的指示
  • 新增:Gemini 模組 的 AI 更新

11.8

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

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

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

10.4

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

  • 新增:輪播新增僅在游標暫留時顯示箭號的選項
  • 新增:為按鈕框新增連結錨點
  • 修正:修正類別系統中的子選取器 規則編輯器

8.8.6

  • 新增:放大 CSS 自訂欄位 的選項
  • 修正:修正樣式手冊會覆寫 網站編輯器 中自訂 CSS 的問題

8.8.5

  • 新增:社交網路服務分享 區塊新增複製連結選項
  • 修正:修正動態進度列 標籤

8.8.4

  • 新增:可從樣式手冊建立全域類別
  • 修正:修正輪播與 Vimeo 燈箱 的漸層效果

8.8.3

  • Added: Animation attribute can be copied by Design by type Copy function
  • 新增:CSS 轉換面板 新增游標選項,並修正變數刪除問題

8.8.1

  • 新增:輪播新增可設定每視角項目為自動 (Auto) 的選項
  • 新增:資料列 影片背景支援延伸檢視

8.7.8

  • 新增:可從樣式手冊編輯佈景主題 色彩

8.7.7

  • 新增:類別與子選取器 系統新增複製樣式選項
  • Added: Fix for Remove button for fonts

8.7.6

  • 修正:修正 Flex 子項選項的錯誤指標

8.7.4

  • 修正:修正 WP 6.5 中範本 的插入點
  • 新增:變數系統現在會按分類 顯示所有變數

8.7.2

  • 新增:依類型複製 – 貼上選項現在支援將類別從一個區塊複製到另一個區塊

8.7.1

  • 新增:在範本 Ajax 載入與 Ajax 無限捲動 選項中,支援分頁、摺疊面板、輪播、影片燈箱、開關切換、滑動面板指令碼
  • 新增:改善影片區塊對動態查詢的支援

8.7

  • 新增:元素 區塊新增表單 元素
  • 新增:互動圖層新增輸入變更 (On Input change) 觸發程序 以及輸入值條件
  • 新增:互動圖層新增輪播暫停/恢復動作
  • 新增:改善介面 中的從右至左 (RTL) 支援
  • 新增:類別系統新增選取器規則編輯器
  • 新增:覆疊 面板 新增混合模式 (Mix Blend)

8.6.5

  • 新增:類別系統新增 Flex 子項選項
  • 修正:修正進度列 的評分星級色彩

8.6

  • 新增:設定預設單位的選項(Greenshift 設定 – 介面)
  • 新增:針對 Blocksy 佈景主題 啟用 4 個中斷點 的選項(Greenshift 設定 – CSS 選項)
  • 新增:進度列 提供星級評分樣式選項
  • 新增:資料列 可設定左右邊界 而非自動
  • 新增:支援 WP 6.5 字型 管理員
  • 新增:改善對 WP 6.5 的支援
  • 變更:預設圖示 色彩將繼承自文字色彩
  • 修正:修正滑動面板背景未套用樣式、自訂間距選項設為預設屬性等各項問題

= 8.5.2 …