Title: Outpath Solutions Image Cube
Author: outpathsolutions
Published: <strong>2026 年 7 月 31 日</strong>
Last modified: 2026 年 7 月 31 日

---

搜尋外掛

![](https://ps.w.org/outpath-solutions-image-cube/assets/banner-772x250.png?rev=
3630279)

![](https://ps.w.org/outpath-solutions-image-cube/assets/icon-256x256.png?rev=3630279)

# Outpath Solutions Image Cube

 由 [outpathsolutions](https://profiles.wordpress.org/outpathsolutions/) 開發

[下載](https://downloads.wordpress.org/plugin/outpath-solutions-image-cube.2.3.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/outpath-solutions-image-cube/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/outpath-solutions-image-cube/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/outpath-solutions-image-cube/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/outpath-solutions-image-cube/#developers)

 [技術支援](https://wordpress.org/support/plugin/outpath-solutions-image-cube/)

## 外掛說明

Outpath Solutions Image Cube displays a smooth, rotating 3D cube on your site. Use
a single logo on all six faces, or set a different image per face. The animation
uses pure CSS 3D transforms, so no JavaScript library is loaded on the front end
and the cube stays fast and lightweight.

**Features**

 * Rotating 3D cube built from one logo or six different images.
 * Shortcode [outpath_image_cube] and a matching block with a live preview in the
   editor.
 * Independent horizontal and vertical rotation speeds for a tumbling effect.
 * Choose images straight from the WordPress media library.
 * Responsive images with automatic srcset (uses attachment IDs).
 * Live preview on the settings page.
 * Extra options: pause on hover, reverse direction, adjustable perspective, ground
   shadow and rounded corners.
 * Adjustable size and speed, globally or per shortcode.
 * Respects the visitor’s “reduce motion” preference.
 * Accessible: add a description for screen readers, or leave the cube decorative.

## 螢幕擷圖

[⌊A rotating cube built from a single logo.⌉⌊A rotating cube built from a single
logo.⌉[

A rotating cube built from a single logo.

[⌊A cube with a different image on each face.⌉⌊A cube with a different image on 
each face.⌉[

A cube with a different image on each face.

[⌊The settings page: pick a default image or a different image per face, with a 
live preview beside it.⌉⌊The settings page: pick a default image or a different 
image per face, with a live preview beside it.⌉[

The settings page: pick a default image or a different image per face, with a live
preview beside it.

[⌊Set the cube size, the horizontal and vertical rotation speed, and an optional
screen-reader description.⌉⌊Set the cube size, the horizontal and vertical rotation
speed, and an optional screen-reader description.⌉[

Set the cube size, the horizontal and vertical rotation speed, and an optional screen-
reader description.

[⌊The Outpath Image Cube block in the editor, with the per-face image controls in
the sidebar.⌉⌊The Outpath Image Cube block in the editor, with the per-face image
controls in the sidebar.⌉[

The Outpath Image Cube block in the editor, with the per-face image controls in 
the sidebar.

## 安裝方式

 1. Upload the plugin folder to `/wp-content/plugins/`, or install the ZIP via Plugins
    Add New  Upload Plugin.
 2. Activate the plugin through the “Plugins” screen in WordPress.
 3. Go to Settings  Outpath Image Cube, choose your default image and, optionally, 
    a different image per face.
 4. Place the shortcode `[outpath_image_cube]` in any page, post or widget, or add 
    the Outpath Image Cube block.

## 常見問題集

### How do I change the cube on a single page only?

Pass attributes to the shortcode, for example: `[outpath_image_cube size="300" speed
="8" vspeed="12"]`.

### Can I use different images per face in the shortcode?

Yes. Use attachment IDs: `[outpath_image_cube img1="42" img2="43" img="10"]`, where`
img` is the fallback used for any face you leave empty.

### Which extra options are available?

pause=”true” pauses rotation on hover, `direction="reverse"` reverses it, `perspective
="4"` controls the depth effect (1-12, lower is stronger), `shadow="true"` adds 
a soft ground shadow and `radius="12"` rounds the corners.

### Is there a block, or only a shortcode?

Both. Search for “Outpath Image Cube” in the block inserter, or use the shortcode.

### Does it load JavaScript on my site?

No. The front-end animation is pure CSS. JavaScript is only used in the admin and
the block editor.

### Does it respect reduced-motion settings?

Yes. Visitors who enable “reduce motion” in their system see a static, tilted cube
instead of the animation.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Outpath Solutions Image Cube〉的開發相關工作。

參與者

 *   [ outpathsolutions ](https://profiles.wordpress.org/outpathsolutions/)

[將〈Outpath Solutions Image Cube〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/outpath-solutions-image-cube)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/outpath-solutions-image-cube/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/outpath-solutions-image-cube/)，
或透過 [RSS](https://plugins.trac.wordpress.org/log/outpath-solutions-image-cube/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/outpath-solutions-image-cube/)。

## 變更記錄

#### 2.3.0

 * Renamed all functions, options, constants, handles and CSS classes to a single
   consistent plugin prefix.
 * Removed the generic legacy shortcodes; use [outpath_image_cube].

#### 2.2.0

 * Renamed to Outpath Solutions Image Cube with unique prefixes throughout.
 * Primary shortcode is now [outpath_image_cube].
 * Translations are handled through translate.wordpress.org; bundled translation
   files removed.

#### 2.1.0

 * Added a block with a live preview in the editor.
 * New options: pause on hover, direction, perspective, ground shadow and rounded
   corners.
 * Added uninstall cleanup that removes all plugin options on deletion.

#### 2.0.0

 * Store attachment IDs instead of URLs; responsive images with srcset.
 * Optional different image per face.
 * Live preview on the settings page.
 * Accessibility: optional screen-reader description, decorative by default.
 * Shortcode values are clamped to safe ranges.

#### 1.0.0

 * Initial release: rotating cube from a single logo via shortcode.

## 中繼資料

 *  版本 **2.3.0**
 *  最後更新 **1 週前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 5.8 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0.3**
 *  PHP 版本需求 ** 7.2 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/outpath-solutions-image-cube/)
 * 標籤:
 * [3d](https://tw.wordpress.org/plugins/tags/3d/)[animation](https://tw.wordpress.org/plugins/tags/animation/)
   [block](https://tw.wordpress.org/plugins/tags/block/)[cube](https://tw.wordpress.org/plugins/tags/cube/)
   [logo](https://tw.wordpress.org/plugins/tags/logo/)
 *  [進階檢視](https://tw.wordpress.org/plugins/outpath-solutions-image-cube/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/outpath-solutions-image-cube/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/outpath-solutions-image-cube/reviews/)

## 參與者

 *   [ outpathsolutions ](https://profiles.wordpress.org/outpathsolutions/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/outpath-solutions-image-cube/)