p5.js Embedder wordpress plugin resources analysis
| Download This Plugin | |
| Download Elegant Themes | |
| Name | p5.js Embedder |
| Version | 0.1.0 |
| Author | Lauren McCarthy |
| Rating | 60 |
| Last updated | 2014-10-01 04:47:00 |
| Downloads |
98
|
| Download Plugins Speed Test plugin for Wordpress | |
Home page
Delta: -2%
Post page
Delta: -2%
Home page PageSpeed score has been degraded by 2%, while Post page PageSpeed score has been degraded by 2%
p5.js Embedder plugin added 100 kB of resources to the Home page and 99 kB of resources to the sample Post page.
p5.js Embedder plugin added 1 new host(s) to the Home page and 1 new host(s) to the sample Post page.
Great! p5.js Embedder plugin ads no tables to your Wordpress blog database.There are options to show or hide the associated code and to set the size of the sketch frame. You can see an example of it running here.
p5js.org: p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today's web.
To include a p5 sketch:
Upload the sketch.js file to Media Library.
While editing post, choose 'Add Media' and choose the uploaded JS file, it will add a link in your post.
Add class='p5-embed' to the link to specify it should be parsed as a p5 sketch.
<a href='#' class='p5-embed'>your_filename</a>- If you would like to specify the height and width of the frame of your sketch, use the data-height and data-width tags (you can specify one or both of these).
<a href='#' data-height='400' data-width='600' class='p5-embed'>your_filename</a>- By default the sketch and code are displayed. If you would like to hide the code, use the tag data-nocode='true'.
<a href='#' data-nocode='true' class='p5-embed'>your_filename</a>- You can override the default font-size by adding data-fontsize=n, where n is the size of the font in pixels (for example, 10).
Including media
To include external files (for example, an image via loadImage) you will need to upload the files individually to wordpress and use the full blog url or the upload in the JS code.
