[WordPress] 外掛分享： CubeLaunch

WordPress 外掛 CubeLaunch 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「CubeLaunch」是 2025-08-06 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2025-12-02，距離現在已有 86 天。
  • 外掛最低要求 WordPress 5.8 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

digibrief |

外掛標籤

3d | block | webgl | shortcode | coming soon |

內容簡介

**總結:**

CubeLaunch 提供了一個讓你嵌入由 WebGL 支援的互動式 3D 方塊和金字塔的解決方案，可以透過 Gutenberg block、簡碼或整個網站的「即將上線」疊加介面來使用。

**問題與答案:**

1. CubeLaunch 能夠嵌入什麼樣的互動式 3D 元素？
- CubeLaunch 可以嵌入互動式的 3D 方塊和金字塔。

2. CubeLaunch 提供哪些主要功能？
- 互動式 3D 功能，可以拖曳旋轉（X/Y 軸）並帶有慣性效果；在觸控裝置上可以捏取縮放。
- 自定義面的方塊和金字塔（可以使用媒體庫中的圖像；具有內建的 1:1 裁剪器）。
- Gutenberg block 提供了 Small/Medium/Large 預設值，以及可以覆蓋背景顏色的選項。
- 提供簡碼，可在支援簡碼的任何地方嵌入。
- 手機友好的捲動功能，側邊提供了細小、隱藏的“捲動軌道”，使頁面在手指下滑時仍然可以自然捲動，並且所有可調整的 CSS 變數。
- 可選的「即將上線」疊加介面，提供完整的頁面預告，包括形狀、文字和表單（簡碼/HTML）。

3. CubeLaunch 為什麼被選擇？
- 如果你想要打造獨特的產品亮點、吸引人的呼籲，或者只是為你的網站增添一點互動風采，CubeLaunch 為你提供了一個易於使用的解決方案。
- CubeLaunch 的「即將上線」模式非常適合在你的完整網站上線之前建立期待並捕捉潛在客戶。非常適用於作品集、數碼代理機構、產品推出，或者任何希望留下難忘第一印象的網站。

4. CubeLaunch Pro（可選）提供什麼額外功能？
- 支援動態面材質的視頻。
- 面上的股票和加密貨幣圖表（自動更新）。
- 可點擊的面鏈接至產品或頁面。
- 面材質旋轉選項。
- 可選的 Z 軸旋轉。

原文外掛簡介

Bored of static content? CubeLaunch lets you embed interactive 3D cubes and pyramids powered by WebGL—via a Gutenberg block, a shortcode, or a site‑wide “Coming Soon” overlay.
Key features
* Interactive 3D: drag to spin (X/Y) with inertia; pinch to zoom on touch devices.
* Cubes & pyramids with custom faces (images from the Media Library; built‑in 1:1 cropper).
* Gutenberg block with Small / Medium / Large presets + optional background‑color override.
* Shortcode to embed anywhere shortcodes are supported.
* Mobile‑friendly scrolling: on phones we add slim, invisible “scroll rails” around the canvas so the page still scrolls naturally even when the cube is under your thumb (side rails via CSS; top/bottom rails via a tiny JS helper). All adjustable via CSS variables.
* Coming Soon overlay (optional): a full‑page teaser with your shape, copy and a form (shortcodes/HTML).
Quick mobile tips
– Want smaller cubes on phones? Set --cl-mobile-size per instance (or change the global defaults in :root).
– Want easier scrolling near the cube? We already add invisible “rails” on phones. Tweak --cl-rail-width (sides) and --cl-rail-height (top/bottom). Set them to 0 to disable.
Note: Mobile “rails” affect embedded cubes (Block/Shortcode), not the Coming Soon overlay.
Why Choose CubeLaunch?
Whether you’re looking to create a unique product highlight, an engaging call-to-action, or simply add a touch of interactive flair to your website, CubeLaunch provides an easy-to-use solution. Its “Coming Soon” mode is perfect for building anticipation and capturing leads before your full site goes live. Ideal for portfolios, digital agencies, product launches, or any site wanting to make a memorable first impression.
CubeLaunch Pro (optional)
Unlock extras when you need them:
* Video textures for dynamic faces
* Stocks & crypto charts on faces (auto‑updating)
* Clickable face URLs to link to products or pages
* Texture rotation options
* Optional Z‑axis spin
See it in action → DigiBrief.com
Basic Usage
A) Coming Soon overlay
– Admin → CubeLaunch → Coming Soon Settings.
– Configure the shape + faces, text, and (optionally) a signup form (shortcode or HTML).
– Enable the overlay. Visitors who aren’t logged in will see your Coming Soon page.
B) Gutenberg Block – Reusable shapes (CPT) for Posts & Pages
– Admin → CubeLaunch → Shapes for Pages & Posts → Add New Shape Configuration.
– Choose Cube or Pyramid, set faces/background, Publish.
– In the block editor, search for and insert the “CubeLaunch Shape” block and pick your saved configuration.
– Adjust “Small / Medium / Large” in block settings.
C) Shortcodes
– On the same Shapes for Pages & Posts screen, each saved shape shows a shortcode you can paste into page builders, widgets, or classic editor.
– Example (paste literally):
[cubelaunch_shape id="123"]

You can add your own class for per‑instance CSS:
[cubelaunch_shape id=”123″ class=”my-promo-cube”]

Third Party Libraries
This plugin incorporates the following third-party libraries. We are grateful to their developers for making their work available.

glMatrix

Source: Originally from https://cdnjs.cloudflare.com/ajax/libs/gl-matrix/2.8.1/gl-matrix-min.js (Now bundled locally in /vendor/js/)
License: MIT License
License URI: https://github.com/toji/gl-matrix/blob/master/LICENSE.md
Copyright (c) 2015-2021, Brandon Jones, Colin MacKenzie IV.

Cropper.js

Source: Originally from https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.js (Now bundled locally in /vendor/js/)
License: MIT License
License URI: https://github.com/fengyuanchen/cropperjs/blob/main/LICENSE
Copyright (c) 2015-present Chen Fengyuan

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「CubeLaunch」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | trunk |

延伸相關外掛（你可能也想知道）

  • WP Shortcodes Plugin — Shortcodes Ultimate 》Shortcodes Ultimate 是一個全面的視覺與功能性元素收集，您可以在文章編輯器、文字小工具甚至是範本檔案中使用。使用 Shortcodes Ultimate，您可以輕鬆地建...。
  • MW WP Form 》MW WP Form 可以使用 shortcode 創建帶有確認畫面的郵件表單。, , 使用 shortcode 創建表單, 可以使用確認頁面。, 頁面可以使用相同的 URL 或個別的 URL 進行...。
  • Shortcoder — Create Shortcodes for Anything 》Shortcoder 外掛可讓您建立 HTML、JavaScript、CSS 和其他代碼片段的自訂捷徑。現在，這些捷徑可以在文章/頁面中使用，並且該片段將取代其位置。, ✍ 輕鬆建立...。
  • Widget Shortcode 》這個短碼需要小工具的ID，但不需要猜測，外掛會為你生成代碼。如果你想要覆蓋小工具的標題，你可以使用 "title" 參數：, [widget id=”text-1″...。
  • Display Posts – Easy lists, grids, navigation, and more 》Display Posts 讓您輕鬆地列出網站上的所有內容。首先在內容編輯器中新增此短碼，以列出最近的文章清單：, [display-posts], , 按類別篩選, 若只想顯示特定類...。
  • amr shortcode any widget 》使用shortcode將小工具或多個小工具或整個小工具區域（側邊欄）插入到頁面中。, 首先在正常的側邊欄中設置小工具。 檢查它是否正常運作。, 然後將所選小工具...。
  • Column Shortcodes 》此外掛提供簡單易用的短碼，在您的文章或頁面中輕鬆創建欄位。有時候，您只需要將網頁切成不同的欄位。使用此外掛，您只需選擇一個欄位的短碼，便可將欄位加...。
  • Shortcode in Menus 》此外掛讓你可以在 WordPress 導覽選單中使用簡碼，以便可以動態生成連結。也可以讓你在導覽選單中添加完整的 HTML 段落。, 使用方法, 查看截圖。, 另外，查看...。
  • Sidebar Widgets by CodeLights 》❗ 很抱歉，由於 SiteOrigin 的 widgets API 完全更改，CodeLights 不再支援 SiteOrigin Page Builder 的原生使用。解決方案：您仍然可以在純文字編輯器中創...。
  • Insert Pages 》Insert Pages 可讓您使用 Shortcode API，將任何 WordPress 內容（例如，頁面、文章、自訂文章類型）嵌入其他 WordPress 內容。它還包括一個小工具，可將頁面...。
  • Advanced iFrame 》看起來您正在尋找一個 WordPress 外掛 - Advanced iFrame Pro。這個外掛可讓您使用 iframe 包含其他網頁到您的網站中，同時具有隱藏和修改元素、自動調整高度...。
  • Shortcodes by Angie Makes 》Shortcodes by Angie Makes 外掛為您的 WordPress 主題新增一系列易於使用的短碼，這些短碼與 Angie Makes WordPress 主題 完美搭配。, 範例, 請到此查看這些...。
  • Forget About Shortcode Buttons 》相容於 WordPress 傳統編輯器，Gutenberg 整合即將推出🙂, 歡迎提出功能需求/建議！, 即忘短碼(FASC)按鈕是在所見即所得編輯器中及網站佈景主題中加入 CSS 按...。
  • The Events Calendar Shortcode & Block 》標籤內容：, , 使用 The Events Calendar Shortcode 和 Block，在需要顯示活動的地方顯示可自定義的活動列表！此外掛程式完全整合了現代部落客 (Modern Tribe...。
  • Team Members 》這個外掛會為管理員面板增加一個「團隊」區塊，讓您可以輕鬆地在網站上展示您的員工/職員。您可以快速地將成員加入您的團隊，加入他們的照片、職位、個人簡介...。

文章
Filter
Apply Filters
Close
Mastodon