內容簡介
總結：Season Spark 版面外掛提供了精緻的前端粒子效果和輕量級的視覺覆蓋層。該外掛的實施和管理介面提供以下行為和選項。
1. 透過 HTML 編寫如下問題與答案：
- Season Spark 能提供哪些包含的效果？
- christmas (下雪/閃爍)
- halloween (鬼魂/南瓜 + 霧疊加)
- valentines (愛心 + 五彩紙屑)
- newyear (偶爾的煙火爆炸)
- easter (蛋和兔子，偶爾大蛋掉下)
- thanksgiving (落葉 + 偶爾火雞彈出)
- independence (煙火 + 偶爾的國旗/火花爆炸)
- diwali (燈/燈芯閃爍 + 偶爾燈芯彈出)
- hanukkah (燈台閃爍 + 偶爾燈台彈出)
- generic (自定義繪圖：雨/星星/泡泡或上傳的背景)
- Season Spark 的效果配置包括哪些設置？
- 啟用/停用
- 可選的計劃，包括開始/結束日期
- 密度、速度和顏色（僅適用於顏色效果的設置）
- Season Spark 支援什麼自定義圖形？
- 通過上傳的背景圖片（custom_bg）和自定義光標圖片（custom_cursor_image）。
- Season Spark 的自定義光標支持是什麼？
- 啟用自定義光標時，前端會嘗試使用提供的自定義光標圖像或捆綁的 SVG 圖像作為覆蓋光標。
- Season Spark 是否支持無障礙設計？
- 是的，該外掛尊重用戶的 prefers-reduced-motion 設置，並支持網站級別的降低運動量管理切換。
- Season Spark 如何處理性能？
- 僅啟用的效果會加載其專屬的 JS 文件，並進行前端初始化。
- Season Spark 的管理和開發人員功能包括什麼？
- 經過實施的管理頁面，包括效果、設置和 For Devs。
- 存在於代碼中的開發人員過濾器。
外掛標籤
開發者團隊
原文外掛簡介
Season Spark loads tasteful front-end particle effects and lightweight visual overlays. The plugin’s implementation and admin UI provide the following behavior and options (exactly as implemented in the plugin):
Included effects: christmas (snow/twinkles), halloween (ghosts/pumpkins + fog overlay), valentines (hearts + confetti), newyear (occasional fireworks bursts), easter (eggs & bunnies, occasional large egg drop), thanksgiving (falling leaves + occasional turkey popup), independence (fireworks + occasional flag/spark bursts), diwali (lights/diya sparkles + occasional diya popup), hanukkah (menorah sparkles + occasional menorah popup), and generic (custom graphics: rain/stars/bubbles or an uploaded background).
Per-effect configuration: enabled, optional schedule with start/end dates, density, speed, and color for effects that use color (the admin shows color pickers only for effects that accept color).
Custom Graphics support: the generic effect can use an uploaded background (custom_bg) and an uploaded custom cursor image (custom_cursor_image). When custom_bg is set the plugin creates a lightweight animated background element instead of particles.
Custom Cursor support: when a per-effect custom_cursor is enabled the front-end will attempt to use a provided custom_cursor_image or bundled SVG image as an overlay cursor (implemented by the public JS initializer).
Accessibility: the plugin respects the user’s prefers-reduced-motion setting, supports a site-level motion_reduced admin toggle, and prints a small per-user motion toggle (stored in localStorage). When reduced motion is active, visual initialization is skipped.
Performance: only enabled effects have their per-effect JS files enqueued; the plugin localizes seasonSparkSettings and seasonSparkImages for front-end initialization and ships the tsparticles bundle under assets/vendor/tsparticles/.
Admin and developer features (as implemented):
Admin pages: top-level “Season Spark” menu with the subpages Effects, Settings, and For Devs.
Settings: global toggles (load particle library, reduce motion) and default density/speed values; the Effects page exposes per-effect controls, schedule toggles, density/speed inputs, color pickers for color effects, and WP Media-based selectors for custom background/cursor on the generic effect.
Developer filters present in the code: seasonspark_get_registered_effects (modify the list of effects), seasonspark_settings_for_js (filter settings passed to front-end JS), and seasonspark_images_for_js (filter the image mapping sent to JS).
Notes:
Default activation: by default only the valentines effect is enabled on activation.
Assets: effect scripts, images and styles are bundled under assets/; the plugin enqueues only enabled effect scripts to keep the front-end lightweight.
