Title: Responsive P5JS for WP
Author: cageehv
Published: <strong>2019 年 1 月 28 日</strong>
Last modified: 2022 年 5 月 6 日

---

搜索插件

![](https://ps.w.org/responsive-p5js-for-wp/assets/banner-772x250.jpg?rev=2020299)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/responsive-p5js-for-wp/assets/icon-256x256.jpg?rev=2020299)

# Responsive P5JS for WP

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

[下载](https://downloads.wordpress.org/plugin/responsive-p5js-for-wp.1.1.3.zip)

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

 [支持](https://wordpress.org/support/plugin/responsive-p5js-for-wp/)

## 描述

#### Embed your P5JS sketches in posts and pages in a responsive way

 **1. Create a new sub-directory in the /uploads/p5js/ directory (using FTP):

**2. Upload all files and directories (index.html, scetch.js, libraries, etc) of
your P5JS sketch to the new WordPress /uploads/p5js/[sketch_folder] directory.**

**3. Add a short code to your post or page**

**Attributes**
 **sketchfolder**: the name of your P5JS sketch (REQUIRED) **canvaswidth**:
the width of the sketch, should be the same as in your creattecanvas() statement(
REQUIRED) **canvasheight**: the height of the sketch, should be the same as in your
creattecanvas() statement (REQUIRED) **bordersize**: size of the border in pix (
OPTIONAL, default: 0px) **bordercolor**: color of the border around the sketch (
OPTIONAL, default: no border, only works when you also define a bordersize)

#### Author

CAGE Web Design | Rolf van Gelder, Eindhoven, The Netherlands – http://cagewebdev.
com – http://rvg.cage.nl

#### Plugin URL

http://cagewebdev.com/responsive-p5js-for-wp-wordpress-plugin/

#### Download URL

> [Responsive P5JS for WP](https://wordpress.org/plugins/responsive-p5js-for-wp/)

#### Disclaimer

NO WARRANTY, USE IT AT YOUR OWN RISK!

#### Plugins by CAGE Web Design | Rolf van Gelder

WordPress plugins created by CAGE Web Design | Rolf van Gelder
 http://cagewebdev.
com/category/news-tech-art/wordpress/

## 安装

 * Upload the Plugin to the ‘/wp-content/plugins/’ directory
 * Activate the plugin in the WP Admin Panel » Plugins

## 常见问题

### How can I change the settings of this plugin?

 * This plugin doesn’t need any settings

## 评价

![](https://secure.gravatar.com/avatar/c098f53ac68c843926dfd60f9f513bd659be3f7699e031241a506476cc0f20fb?
s=60&d=retro&r=g)

### 󠀁[for creative people](https://wordpress.org/support/topic/for-creative-people/)󠁿

 [sapperlot](https://profiles.wordpress.org/sapperlot/) 2021 年 7 月 30 日 1 回复

This is a great plugin! Many Thanks

![](https://secure.gravatar.com/avatar/ae379be9acc5dd1bfb5e8d61411fe7be7c51568f27f31d49dce0aa85fda8171f?
s=60&d=retro&r=g)

### 󠀁[It works](https://wordpress.org/support/topic/it-works-1609/)󠁿

 [gaubitsa](https://profiles.wordpress.org/gaubitsa/) 2019 年 4 月 19 日

like it should

 [ 阅读所有2条评价 ](https://wordpress.org/support/plugin/responsive-p5js-for-wp/reviews/)

## 贡献者及开发者

「Responsive P5JS for WP」是开源软件。 以下人员对此插件做出了贡献。

贡献者

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

[帮助将「Responsive P5JS for WP」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/responsive-p5js-for-wp)

### 对开发感兴趣吗?

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

## 更新日志

#### v1.1.3 [07/17/2021]

 * BUG FIX: adjusted the timer

#### v1.1.2 [07/16/2021]

 * BUG FIX: timing issue fixed

#### v1.1.1 [04/17/2021]

 * BUG FIX: some bugs were fixed

#### v1.0 [01/28/2019]

 * Initial release

## 额外信息

 *  版本 **1.1.3**
 *  最后更新：**4 年前**
 *  活跃安装数量 **100+**
 *  WordPress 版本 ** 2.8 或更高版本 **
 *  已测试的最高版本为 **6.0.12**
 *  PHP 版本 ** 5.0 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/responsive-p5js-for-wp/)
 * 标签
 * [HTML5](https://cn.wordpress.org/plugins/tags/html5/)[javascript](https://cn.wordpress.org/plugins/tags/javascript/)
   [p5js](https://cn.wordpress.org/plugins/tags/p5js/)[processing](https://cn.wordpress.org/plugins/tags/processing/)
   [processing.org](https://cn.wordpress.org/plugins/tags/processing-org/)
 *  [高级视图](https://cn.wordpress.org/plugins/responsive-p5js-for-wp/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  2 条 5 星评价     ](https://wordpress.org/support/plugin/responsive-p5js-for-wp/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/responsive-p5js-for-wp/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/responsive-p5js-for-wp/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/responsive-p5js-for-wp/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/responsive-p5js-for-wp/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/responsive-p5js-for-wp/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/responsive-p5js-for-wp/reviews/)

## 贡献者

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

## 支持

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

 [查看支持论坛](https://wordpress.org/support/plugin/responsive-p5js-for-wp/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](http://cagewebdev.com/donations-p5js/)