前言介紹
- 這款 WordPress 外掛「Greenshift – animation and page builder blocks」是 2022-01-15 上架。
- 目前有 50000 個安裝啟用數。
- 上一次更新是 2025-04-28，距離現在已有 6 天。
- 外掛最低要求 WordPress 6.6 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.3 以上。
- 有 93 人給過評分。
- 論壇上目前有 21 個提問，問題解答率 43%
外掛協作開發者
wpsoul |
外掛標籤
animation | page builder | gutenberg blocks | full-site-editing | woocommerce blocks |
內容簡介
高度優化的網站建構工具
您是否想建構高品質的動畫和網頁，但卻因常見的頁面建構工具表現低落而感到困擾？Greenshift 將為您解決這個問題。
此外插件也不使用預設的樣式、框架、圖標字型與腳本庫，每個資源都會在需要時即時生成並載入。同時，插件提供非常獨特的區塊與動畫選項，讓您以高端的動畫效果驚艷您的訪客。您可以像頂尖網站一樣創造風格，不需要任何編碼知識。
查看 Greenshift 區塊庫
一些獨特的優勢
✅ 支援 FSE 的現成區塊和版型圖書館
✅ SVG 形狀圖庫。為每個區塊或動畫分割線添加擴展格式化
✅ 先進的容器和行管理。控制對齊、間距、位置、彈性位置、響應式（高達 4 個斷點）、flexbox 和 css 網格等各個方面的細節。
✅ 高級位置控制。您可以通過 CSS 變換、位置或邊距設置 CSS 位置。
✅ 手機智能滾動區塊。將常規欄位和區塊變成手機端可滾動項目或輪播圖。
✅ 高級幻燈片和選項卡。使任何類型的內容成為輪播圖/幻燈片/選項卡。將常規圖庫轉換為先進的 3D 幻燈片。
✅ 擴展的背景選項（色彩/漸層/影片）和懸停過渡。
✅ CSS 滾動動畫和懸停過渡，無需使用庫。
✅ 基於 Google 模型查看器的 AR/VR 3D 查看器區塊。
✅ 動態區塊：動畫標題、倒計時、計數器、影片、選項卡、開關器、內容目錄、進度條等。
✅ 輕鬆掌握不同解析度的所有選項
✅ 父級懸停過渡和背景動畫
✅ 最多可設置 3 個陰影以實現 3D 設計效果
✅ 個人化的側邊和下拉滑動面板，彈出式建構器
✅ 本地字體、GDPR 準備好
✅ Figma CSS 轉換成區塊設計
✅ 可重複使用的風格（全局風格）
高級網頁設計和動畫
Greenshift 具備的功能讓您可以在核心編輯器中直接創建複雜的網頁和動畫，毫不需要程式技能。添加間距、定位、CSS 變換、陰影、邊框，就像在任何其他頁面建構工具中無法實現的一樣。使用陰影預設、懸停過渡預設、覆蓋過渡、無限 CSS 動畫、標題效果、自定義動畫、漸變背景、形狀分割線、父母過渡等。
如欲查看一些獨特的選項，請訪問 特色頁面。
擴展響應式選項
在如今移動流量已經超越桌面的情況下，Greenshift 提供了讓您改善移動端網頁設計的所有工具。提供 4 個自定義斷點、預覽模式和可為每個解析度添加不同數值的可能性。所有區塊都具有特殊優化的移動版面配置。此外，您可以將常規列式設計轉換為智慧滾動以生成應用程式風格的設計。
動態加載
我們了解您可能希望保留現有的頁面編輯器，但同時也想使用 Greenshift 的某些功能。為此，我們添加了將區塊和頁面轉換為短碼的可能性。您可以直接在插件或自定義頁面中使用它們。甚至更多我們還添加了在視圖中時，或通過點擊/懸停，動態加載區塊的可能性。這可以減少重型頁面的負載。
最高的網絡生命力得分
我們相信 Greenshift 是網絡生命力最優化的插件。這是因為：
原文外掛簡介
HIGHLY OPTIMIZED WEB CREATION TOOL
Do you want to build high quality animations and pages but you struggle with low performance on google tests with popular page builder? Greenshift will take care of this.
Plugin doesn’t use predefined styles, frameworks, icon fonts and script libraries. Every asset is generated on fly and loaded only when you use it. In the same time, plugin has very unique blocks and animation possibilities to surprise your visitors with high-end animations and transitions. You can build styles like on top awarded sites without any code knowledge.
Check out Greenshift block gallery
SOME EXCLUSIVE BENEFITS
✅ Ready library of sections and layouts with FSE support
✅ Interaction Layes. Add interactivity to blocks with triggers, conditions and actions
✅ Dynamic attributes and dynamic motion. Make chains of animations and connections with dynamic data
✅ Advanced containers, Rows, CSS grid. Control every aspect of align, spacing, position, flexible position, responsive up to 4 breakpoints, flexbox and css grid options.
✅ Design helpers in editor. Change position, spacing, border, size directly in editor
✅ Mobile smart scroll for sections and Marquee block. Turn your regular columns and blocks to scrollable items on mobiles or carousels.
✅ Advanced sliders and tabs. Make any kind of content as carousel/slider/tabs. Convert regular gallery to advanced 3d slider
✅ Extended background options (color/gradient/videos) and overlays with hover transitions.
✅ CSS scroll animations and hover transitions without libraries.
✅ AR/VR 3d viewer block and Spline3d block.
✅ Dynamic blocks: animated headlines, countdown, counters, videos, tabs, togglers, Table of content, progress bars etc.
✅ Easily control all options for separate resolutions
✅ Parent Hover transitions and background animations
✅ Custom side and dropdown slide panels, popup builder
✅ Local font, GDPR ready
✅ Figma Converter (soon)
✅ Dynamic data, repeaters, Meta getter to get any data from custom fields, user meta, site options, transients, external feeds, etc
✅ Visibility options
ADVANCED PAGE DESIGNS AND ANIMATIONS
With Greenshift’s features, you can create complex pages and animations without code skills and directly inside core editor. Add spacing, positioning, css transform, shadows, borders like you can’t do in any other page builder. Use Shadow presets, hover transition presets, overlay transitions, infinite css animations, Headline Effects, Custom Animations, Gradient Backgrounds, Shape Dividers, parental transitions and many more.
To view some unique options, visit feature page.
EXTENDED RESPONSIVE OPTIONS
Mobile traffic is even more than desktop nowadays, and Greenshift has everything to make your mobile web design better. It provides 4 custom breakpoints, preview mode and possibility to add different values per each resolution. All blocks have special optimized mobile layouts. Also, you can shift your regular columned design to smart scroll on mobiles to generate Application-style design.
DYNAMIC LOADING
We understand that you may want to keep your current page editor, but in the same time you want to use some features from Greenshift. For this purpose, we added possibility to convert blocks and pages to shortcode. You can use them directly in your plugin or custom pages. And even more, we added possibility to load blocks dynamically when they are in view, or by click/hover. This can save page perfomance on heavy pages.
Highest web vitals score
We believe that Greenshift is most optimized plugin for web vitals. It’s because plugin uses unique conditional asset loading. All blocks are divided on style chunks which are loaded only when you use them on page. All dynamic libraries have no jquery dependencies. All styles are loaded inline in head section of page to prevent CLS and incompatibilities with cache plugins. Reusable blocks, Widget and Template environments are supported.
TAKE IT TO THE NEXT LEVEL WITH GREENSHIFT ADDONS
All our core features are free and will be free always. We don’t sell any premium versions and don’t limit functionality. In the same time, you may be interesting in extra blocks depending on your type of site. Check full list of addon’s blocks for wordpress
ANIMATION ADDON
You can add any custom animation in core version, but Animation addon will give you more options based on popular GSAP library. Custom parallaxes, different triggers for animations (scroll, hover, click, stagger, batch), controll interpolation with scroll, Pin blocks while scroll, make Smooth flip between states, use Smart Lottie loader, add animated blobs, reveals, mouse interactions, animation chains and connections, text and svg animations, image sequences and video loaders. Use Rive block to add Rive scenes and our special API to connect dynamic site values and Rive.
QUERY ADDON
Query addon is usefull if you want to extend dynamic functionality. It has a lot of ready patterns for query loop block, you can customize and extend each of them with special Meta getter block (use to get and show any values from custom field, ACF, ToolSet or taxonomy meta), wishlist block, thumbs and hot counter. Visibility block allows you to show/hide content based on different filters (category, tags, taxonomy, custom field value, user roles, detection of current category). Advanced listing builder helps you to build directory listings. Query Builder allows you to build any kind of design for CPT loops and carousels.
SEO AND MARKETING ADDON
We have very long 10 year story of developing different tools for affiliate, review, comparison sites. In coordination with best affiliate professionals and bloggers, we built set of special, highly conversion blocks to earn more profit from your sites. Link parser helpers, offer blocks, comparison and versus tables, listings, score and review boxes, woocommerce boxes. All blocks have special mobile layouts.
WOOCOMMERCE ADDON
Add woocommerce blocks to FSE. Extend your shop with extra features like Buy now button, Free shipping, Sold out counters, Bundles, Combos, sliding panels, swatches, attribute groups, extra single product templates, custom tabs, ajax search and many more.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Greenshift – animation and page builder blocks」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.9 | 9.0 | 9.1 | 9.2 | 9.3 | 9.4 | 9.5 | 9.6 | 9.7 | 9.8 | 9.9 | 10.1 | 10.2 | 10.3 | 10.4 | 10.5 | 10.6 | 10.7 | 10.8 | 10.9 | 11.0 | 11.1 | 11.2 | 11.3 | 11.4 | 11.5 | 0.8.7 | 0.9.2 | 1.0.8 | 1.8.1 | 2.8.4 | 4.8.1 | 5.9.6 | 6.7.7 | 8.1.2 | 8.2.2 | 8.8.9 | 8.9.3 | 8.9.4 | 8.9.5 | 8.9.6 | 8.9.7 | 8.9.8 | 8.9.9 | 9.0.1 | 9.1.1 | 9.1.2 | 9.1.3 | 9.1.4 | 9.1.5 | 9.1.6 | 9.2.1 | 9.2.2 | 9.3.1 | 9.3.2 | 9.3.4 | 9.3.5 | 9.3.6 | 9.3.7 | 9.5.1 | 9.5.2 | 9.5.4 | 9.5.5 | 9.5.6 | 9.6.1 | 9.8.1 | 9.9.1 | 9.9.2 | 9.9.3 | 9.9.4 | 9.9.5 | 9.9.6 | 9.9.7 | 9.9.8 | 9.9.9 | trunk | 10.0.0 | 10.0.1 | 10.0.2 | 10.1.1 | 10.2.1 | 10.2.2 | 10.2.3 | 10.2.4 | 10.3.1 | 10.5.1 | 10.5.2 | 10.6.1 | 10.6.2 | 10.6.3 | 10.6.4 | 10.6.5 | 10.6.6 | 10.6.7 | 10.9.1 | 10.9.2 | 11.0.1 | 11.0.2 | 11.0.3 | 11.3.1 | 11.4.5 | 11.4.6 | 11.5.1 | 11.5.2 | 8.8.9.1 | 9.9.7.1 | 9.9.8.3 | 9.9.8.4 | 9.9.8.5 | 9.9.8.6 | 9.9.8.7 | 9.9.8.8 | 9.9.9.1 | 9.9.9.2 | 9.9.9.3 | 9.9.9.4 | 9.9.9.5 | 9.9.9.6 | 10.4.0.3 | 10.5.2.1 | 11.4.0.1 |
延伸相關外掛（你可能也想知道）
Spectra Gutenberg Blocks – Website Builder for the Block Editor 》a.com/tutorials/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Spectra tutorials, you can easily learn how to ...。
Gutenberg Blocks with AI by Kadence WP – Page Builder Features 》Kadence Blocks 是一個 WordPress 外掛，它附加自訂區塊和選項，擴展了 Gutenberg 編輯功能，使您能夠輕鬆創建美麗的網站，而不需要任何程式編寫。Kadence Bl...。
Page Builder Gutenberg Blocks – CoBlocks 》, 注意：對於已受 CoBlocks 3.0.0 版本影響的使用者，請查看我們在 WordPress.org 支援論壇文章，如果您需要支援，請建立新的主題帖。, , CoBlocks 是新版 Gu...。
Page Builder: Pagelayer – Drag and Drop website builder 》. Pagelayer是一個WordPress網站建構工具，為您提供最佳的設計體驗和快速效能，不論您是初學者或專業人士都能愛上它。, Pagelayer是一款很棒的網頁建構工具，...。
Otter Blocks – Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE 》Otter 是一款 Gutenberg Blocks 頁面建構外掛，可為 WordPress Block Editor（又稱 Gutenberg）添加額外功能，讓您享受更好的頁面建構體驗，而無需使用傳統的...。
Stackable – Page Builder Gutenberg Blocks 》終極與古鐸版衣搭檔, Stackable 是您一直在等待的終極可靠古鐸版衣搭檔。使用堅強、輕便的自訂區塊、現成設計、UI套件、全域設定和高級自訂選項建立動態網站...。
Superb Addons: Blocks, Patterns & Theme Designer 》使用 Superb Gutenberg Blocks，只需幾秒鐘即可將全新的優秀功能添加到 WordPress 編輯器中！, Superb Gutenberg Blocks符合GDPR，且輕量且響應式。, 外掛是...。
Ultimate Blocks – WordPress Blocks Plugin 》k, HowTo Schema Block lets you create step-by-step instructions with images and video, perfect for tutorials and guides. It is also Schema Markup e...。
Getwid – Gutenberg Blocks 》Getwid 是包含 40 多個古騰堡區塊的系列，大大擴展了現有核心 WordPress 區塊庫和 35 多個獨特的預製區塊模板，專為區塊編輯器而設計。, , 查看演示, 視頻教...。
Genesis Blocks 》Genesis Blocks 是一個能夠在 Gutenberg 段落編輯器中使用的頁面組件集。透過使用段落編輯器和 Genesis Blocks，您可以更加靈活地建立各種網站，並快速推出！...。
Snow Monkey Blocks 》Snow Monkey Blocks 是一個為 Gutenberg 所設計的內容區塊外掛程式。使用此外掛，您可以快速且輕鬆地建立和發佈登陸頁面或高度設計的頁面，而且您不需要撰寫...。
Gutenverse – Ultimate Block Addons and Page Builder for Site Editor 》Gutenverse 是一款功能強大且輕量級的 Gutenberg 區塊與頁面建構外掛，適用於 WordPress FSE/Full Site Editor。透過這款外掛，您可以使用超過 45+ 個易於使...。
Gutentor – Gutenberg Blocks – Page Builder for Gutenberg Editor 》Gutentor | 文件 | 影片教學 | Gutenberg 範本, , 你可能會對一開始的所有功能感到意外，但當你習慣後就無法再少它們了。, 現在是使用 Gutentor - 可自由設計...。
Gutenberg Block Editor Toolkit – EditorsKit 》EditorsKit提供了一系列網頁建立選項和新 WordPress Gutenberg 編輯器的工具包。, 您現在可以通過使用 EditorsKit 外掛所提供的工具，獲得更好的控制、文本格...。
Gutenberg Blocks – PublishPress Blocks Gutenberg Editor Plugin 》PublishPress Blocks 提供您在 WordPress 區塊編輯器中建立專業網站所需的所有功能，其中包括佈局選項、輪播、按鈕、圖示、圖片庫、地圖、選項卡、推薦、手風...。