Title: Wades Network Background
Author: wadebush
Published: <strong>2026 年 8 月 31 日</strong>
Last modified: 2026 年 9 月 1 日

---

搜索插件

![](https://ps.w.org/wades-network-background/assets/banner-772x250.png?rev=3675109)

![](https://s.w.org/plugins/geopattern-icon/wades-network-background_01102e.svg)

# Wades Network Background

 作者：[wadebush](https://profiles.wordpress.org/wadebush/)

[下载](https://downloads.wordpress.org/plugin/wades-network-background.1.0.1.zip)

 * [详情](https://cn.wordpress.org/plugins/wades-network-background/#description)
 * [评价](https://cn.wordpress.org/plugins/wades-network-background/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/wades-network-background/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/wades-network-background/#developers)

 [支持](https://wordpress.org/support/plugin/wades-network-background/)

## 描述

Wades Network Background creates a polished network of drifting dots and fading 
connecting lines using the browser canvas. It works automatically with common Elementor
sliders and carousels, Slider Revolution and Master Slider.

You can apply the effect to any Elementor section or container by adding the CSS
class `wades-network-effect` under Advanced  CSS Classes.

#### Features

 * Animated dots with distance-based connecting lines
 * Gentle pointer interaction
 * Automatic Elementor slider and carousel detection
 * Slider Revolution and Master Slider support
 * Custom Elementor CSS class support
 * Adjustable colours, density, speed, line distance and opacity
 * Intersection Observer pauses animation when off screen
 * Resize Observer keeps the canvas responsive
 * Respects reduced-motion preferences
 * No external JavaScript libraries or tracking
 * Does not obstruct links, buttons or slider navigation

The free edition is complete and has no trial period or usage limits. For more creative
control on individual sections, [view Wades Network Background Pro](https://wadebush.com/product/wades-network-background-pro/).

#### Free vs Pro

**Free includes:**

 * Animated dots with distance-based connecting lines
 * Global controls for colours, density, speed, line distance and opacity
 * Gentle pointer interaction
 * Automatic support for common Elementor sliders and carousels, Slider Revolution
   and Master Slider
 * The `wades-network-effect` CSS class for any theme or page builder
 * Responsive resizing, off-screen pausing and reduced-motion support
 * No external JavaScript libraries, tracking or usage limits

**Pro adds:**

 * Eight visual presets plus custom colours
 * Per-section Elementor controls
 * Repel, attract, orbit and wave pointer modes
 * Particle burst and ripple click effects
 * Circle, square, diamond and triangle particles
 * Gradient connections and adjustable glow
 * Mobile density controls
 * Battery Saver, Balanced and Maximum Quality performance profiles
 * Configuration import and export

[View Wades Network Background Pro](https://wadebush.com/product/wades-network-background-pro/)

## 安装

 1. Upload the plugin through Plugins  Add New, or install it from WordPress.org.
 2. Activate Wades Network Background.
 3. Common slider widgets are detected automatically.
 4. For a specific Elementor container, add `wades-network-effect` under Advanced  
    CSS Classes.
 5. Adjust global controls under Settings  Network Background.

## 常见问题

### Does it require Elementor?

No. Elementor selectors are included for convenience, but the custom CSS class works
with any WordPress theme or builder.

### Will it block buttons or slider controls?

No. The canvas uses `pointer-events: none` and navigation controls are kept above
the animation layer.

### Does it run when off screen?

No. Animation pauses when the target leaves the viewport.

### Can I use it on only one section?

Yes. Add `wades-network-effect` only to the section or container where you want 
the effect.

### Is there a Pro edition?

Yes. The separately distributed Pro add-on adds presets, per-section configuration,
advanced pointer modes, click effects and performance controls. The free plugin 
remains fully functional without Pro. [See the Pro features and purchase a download from WadeBush.com](https://wadebush.com/product/wades-network-background-pro/).

## 评价

此插件暂无评价。

## 贡献者及开发者

「Wades Network Background」是开源软件。 以下人员对此插件做出了贡献。

贡献者

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

[帮助将「Wades Network Background」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/wades-network-background)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/wades-network-background/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/wades-network-background/)，或通过
[RSS](https://plugins.trac.wordpress.org/log/wades-network-background/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/wades-network-background/)。

## 更新日志

#### 1.0.1

 * Updated the Pro link to WadeBush.com.
 * Added a clear Free vs Pro feature comparison.

#### 1.0.0

 * Initial public release.

## 额外信息

 *  版本 **1.0.1**
 *  最后更新：**4 周前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.0 或更高版本 **
 *  已测试的最高版本为 **7.1.2**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/wades-network-background/)
 * 标签
 * [animation](https://cn.wordpress.org/plugins/tags/animation/)[background](https://cn.wordpress.org/plugins/tags/background/)
   [elementor](https://cn.wordpress.org/plugins/tags/elementor/)[particles](https://cn.wordpress.org/plugins/tags/particles/)
   [slider](https://cn.wordpress.org/plugins/tags/slider/)
 *  [高级视图](https://cn.wordpress.org/plugins/wades-network-background/advanced/)

## 评级

尚未提交反馈。

[您的评价](https://wordpress.org/support/plugin/wades-network-background/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/wades-network-background/reviews/)

## 贡献者

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

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/wades-network-background/)