Title: Starry Sky – Interactive Night Sky Cover Block
Author: Paxana Wiedeman
Published: <strong>2026 年 8 月 15 日</strong>
Last modified: 2026 年 8 月 15 日

---

搜尋外掛

![](https://ps.w.org/starry-sky/assets/banner-772x250.png?rev=3648808)

![](https://ps.w.org/starry-sky/assets/icon-256x256.png?rev=3648808)

# Starry Sky – Interactive Night Sky Cover Block

 由 [Paxana Wiedeman](https://profiles.wordpress.org/paxblueribbon/) 開發

[下載](https://downloads.wordpress.org/plugin/starry-sky.1.0.0.zip)

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

 [技術支援](https://wordpress.org/support/plugin/starry-sky/)

## 外掛說明

Starry Sky adds a container block that behaves like the core Cover block — you
 
can nest any blocks on top of it (headings, paragraphs, buttons, etc.) — but instead
of a background image it paints a realistic night sky on an HTML canvas:

 * Hundreds of stars with varied sizes, brightness, and true stellar colours
    (blue-
   white, white, warm, orange, and red), rendered with a soft glow.
 * Diffraction “sparkle” spikes on the brightest stars.
 * Gentle twinkling.
 * Mouse interaction: the whole field parallaxes with the pointer (nearer stars
   
   move more), and stars near the cursor are pushed away and spring back — a push-
   and-pull that follows the mouse.
 * Click the sky to launch a shooting star from that point.
 * Occasional shooting stars drift by on their own, at a rate you set
    (shooting
   stars per minute; 0 to turn them off).

Settings (block sidebar):

 * Minimum height
 * Star density
 * React to mouse movement (on/off)
 * Twinkle (on/off)
 * Shooting star on click (on/off)
 * Shooting stars per minute (0–30; 0 = off)
 * Sky colour
 * Vertical alignment of the overlaid content (toolbar)

Accessibility & performance:

 * Respects `prefers-reduced-motion` (renders a static sky, no animation or
    pointer
   reaction).
 * Uses pre-baked sprites and pauses rendering while the block is off-screen.

## 適用於區塊編輯器

這個外掛提供 1 個可供區塊編輯器使用的區塊。

 *   Starry Sky A cover-like container with a realistic black starry sky that reacts
   to mouse movement. Drop any blocks on top.

## 安裝方式

 1. Copy the `starry-sky` folder into `wp-content/plugins/` (or zip the folder and
    
    upload it via Plugins  Add New  Upload Plugin).
 2. Activate “Starry Sky”.
 3. In the editor, add the **Starry Sky** block and drop content on top.

No build step is required — the plugin ships ready to run.

## 使用者評論

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

## 參與者及開發者

以下人員參與了開源軟體〈Starry Sky – Interactive Night Sky Cover Block〉的開發相關
工作。

參與者

 *   [ Paxana Wiedeman ](https://profiles.wordpress.org/paxblueribbon/)

[將〈Starry Sky – Interactive Night Sky Cover Block〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/starry-sky)

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

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

## 變更記錄

#### 1.0.0

 * Initial release.

## 中繼資料

 *  版本 **1.0.0**
 *  最後更新 **4 天前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.3 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0.4**
 *  PHP 版本需求 ** 7.2 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/starry-sky/)
 * 標籤:
 * [block](https://tw.wordpress.org/plugins/tags/block/)[cover](https://tw.wordpress.org/plugins/tags/cover/)
   [hero](https://tw.wordpress.org/plugins/tags/hero/)[parallax](https://tw.wordpress.org/plugins/tags/parallax/)
   [stars](https://tw.wordpress.org/plugins/tags/stars/)
 *  [進階檢視](https://tw.wordpress.org/plugins/starry-sky/advanced/)

## 評分

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

[撰寫評分](https://wordpress.org/support/plugin/starry-sky/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/starry-sky/reviews/)

## 參與者

 *   [ Paxana Wiedeman ](https://profiles.wordpress.org/paxblueribbon/)

## 技術支援

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

 [檢視技術支援論壇](https://wordpress.org/support/plugin/starry-sky/)