[{"name":"Calder SVG","slug":"calder-svg","version":"2.1","author":"Max UNGER","author_profile":"https://profiles.wordpress.org/munger41/","requires":"4.0","tested":"4.8.25","requires_php":false,"requires_plugins":[],"rating":100,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"downloaded":1265,"last_updated":"2017-03-21 4:49pm GMT","added":"2016-10-07","homepage":"http://www.maxizone.fr/","sections":{"description":"

Animate prepared SVG drawing as a mobile picture. Uses Anime.js and Vivus.js

Examples:

Musicians
Politicians

Shortcode

Add desired prepared (see example) images in wordpress standard uploads folder (on multisite uploads/sites/#/), and add shortcode to any page, specifing svg folder to use and animate:

[caldersvg svgs=\"wp-content/my/folder/containing/svg/files/\"]\n

[caldersvg svgs=\"/var/www/mysite/wp-content/my/folder/containing/svg/files/\"]\n

with all your .svg files in last folder.

The svgs parameter DOES NOT contain a URL (starting by http://), but a relative path on the server.

You can test with default demo files, included inside plugin (under calder-svg/svg/), but you have to copy them under your uploads wordpress folder before, and use something like shortcode:

[caldersvg svgs=\"../../svg/musicians/\"]\n

SVG file example

If using Inkscape to create the SVG files, please save your files as Optimized SVG, then check that your file is containing a stroke and no fill for each path (else you could experience strange displays).
\nLike:

fill=\"none\" stroke-width=\"1\" stroke=\"#cecece\"\n\n\n<svg id=\"svg7876\" xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 571.25 650\" version=\"1.1\" xmlns:cc=\"http://creativecommons.org/ns#\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\">\n    <g id=\"g8426\">\n        <path id=\"path8440\" fill=\"none\" stroke-width=\"1\" stroke=\"#cecece\" d=\"m0 596.79c0-44.452 0.29402-53.508 1.7857-55 0.9822-0.99\n

\n","installation":"

Easy

Search Calder SVG via plugins > add new.
Find the plugin listed and click activate.
Use the Shortcodes

Shortcode

Add desired prepared (see example) images in wordpress standard uploads folder (on multisite uploads/sites/#/), and add shortcode to any page, specifing svg folder to use and animate:

[caldersvg svgs=\"wp-content/my/folder/containing/svg/files/\"]\n

or
\n [caldersvg svgs=”/var/www/mysite/wp-content/my/folder/containing/svg/files/”]

with all your .svg files in last folder.

The svgs parameter DOES NOT contain a URL (starting by http://), but a relative path on the server.

You can test with default demo files, included inside plugin (under calder-svg/svg/), but you have to copy them under your uploads wordpress folder before, and use something like shortcode:
\n [caldersvg svgs=”../../svg/musicians/”]

SVG file example

<svg id=\"svg7876\" xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 571.25 650\" version=\"1.1\" xmlns:cc=\"http://creativecommons.org/ns#\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\">\n    <g id=\"g8426\">\n        <path id=\"path8440\" fill=\"none\" stroke-width=\"1\" stroke=\"#cecece\" d=\"m0 596.79c0-44.452 0.29402-53.508 1.7857-55 0.9822-0.99\n

Examples

Musicians
Politicians

\n","changelog":"

2.1 – bug fix

2.0 – complete refactor, be carrefully path changed in shortcode

1.7 – Vivus 0.4.0

1.6 – Animejs 2.0

1.3 – More explanations after feedback

1.0 – First stable release.

\n","faq":"\n

Installation Instructions

\nEasy\n

Search Calder SVG via plugins > add new.
Find the plugin listed and click activate.
Use the Shortcodes

\nShortcode\n

Add desired prepared (see example) images in wordpress standard uploads folder (on multisite uploads/sites/#/), and add shortcode to any page, specifing svg folder to use and animate:

[caldersvg svgs=\"wp-content/my/folder/containing/svg/files/\"]\n

or
\n [caldersvg svgs=”/var/www/mysite/wp-content/my/folder/containing/svg/files/”]

with all your .svg files in last folder.

The svgs parameter DOES NOT contain a URL (starting by http://), but a relative path on the server.

\nSVG file example\n

<svg id=\"svg7876\" xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 571.25 650\" version=\"1.1\" xmlns:cc=\"http://creativecommons.org/ns#\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\">\n    <g id=\"g8426\">\n        <path id=\"path8440\" fill=\"none\" stroke-width=\"1\" stroke=\"#cecece\" d=\"m0 596.79c0-44.452 0.29402-53.508 1.7857-55 0.9822-0.99\n

\nExamples\n

Musicians
Politicians

\n\n","screenshots":"

$\"Maria$
Maria Callas
$\"Bob$
Bob Marley
$\"Franz$
Franz Liszt
$\"Joe$
Joe Cocker
$\"Amy$
Amy Winehouse
$\"Wolfgang$
Wolfgang Amadeus Mozart
$\"Rod$
Rod Stewart

"},"short_description":"Animate prepared SVG drawing as a mobile picture.","download_link":"https://downloads.wordpress.org/plugin/calder-svg.zip","screenshots":{"1":{"src":"https://ps.w.org/calder-svg/assets/screenshot-1.png?rev=1509985","caption":"Maria Callas"},"2":{"src":"https://ps.w.org/calder-svg/assets/screenshot-2.png?rev=1509985","caption":"Bob Marley"},"3":{"src":"https://ps.w.org/calder-svg/assets/screenshot-3.png?rev=1509985","caption":"Franz Liszt"},"4":{"src":"https://ps.w.org/calder-svg/assets/screenshot-4.png?rev=1509985","caption":"Joe Cocker"},"5":{"src":"https://ps.w.org/calder-svg/assets/screenshot-5.png?rev=1509985","caption":"Amy Winehouse"},"6":{"src":"https://ps.w.org/calder-svg/assets/screenshot-6.png?rev=1509985","caption":"Wolfgang Amadeus Mozart"},"7":{"src":"https://ps.w.org/calder-svg/assets/screenshot-7.png?rev=1509985","caption":"Rod Stewart"}},"tags":{"animation":"animation","art":"art","calder":"calder","svg":"SVG"},"versions":[],"donate_link":"","icons":{"1x":"https://ps.w.org/calder-svg/assets/icon-128x128.png?rev=1509985","2x":"https://ps.w.org/calder-svg/assets/icon-256x256.png?rev=1509985"}},{"name":"WordPress Countdown Timer","slug":"wp-countdown-timer","version":"1.0.0","author":"Jordan Calder","author_profile":"https://profiles.wordpress.org/jordancalder/","requires":"3.6","tested":"3.7.41","requires_php":false,"requires_plugins":[],"rating":54,"ratings":{"1":3,"2":1,"3":0,"4":1,"5":2},"num_ratings":7,"support_threads":0,"support_threads_resolved":0,"downloaded":27779,"last_updated":"2014-03-14 11:22pm GMT","added":"2014-01-20","homepage":"leadgenix.com","sections":{"description":"

This plugin adds a countdown timer to your webpage with the use of a shortcode.

In Settings > WP Countdown Timer, set the datetime you want to count down towards and save.

Use the shortcode [countdown] on any page to display the countdown timer.

\n","installation":"

This section describes how to install the plugin and get it working.

Using The WordPress Dashboard

Navigate to the ‘Add New’ in the plugins dashboard
Search for ‘WordPress Countdown Timer’
Click ‘Install Now’
Activate the plugin on the Plugin dashboard
Under Settings > WP Countdown Timer, update your preferred settings

Uploading in WordPress Dashboard

Navigate to the ‘Add New’ in the plugins dashboard
Navigate to the ‘Upload’ area
Select wordpress-countdown-timer.zip from your computer
Click ‘Install Now’
Activate the plugin in the Plugin dashboard
Under Settings > WP Countdown Timer, update your preferred settings

Using FTP

Download wordpress-countdown-timer.zip
Extract the wordpress-countdown-timer directory to your computer
Upload the wordpress-countdown-timer directory to the /wp-content/plugins/ directory
Activate the plugin in the Plugin dashboard
Under Settings > WP Countdown Timer, update your preferred settings

\n","faq":"\n

Can I choose what units of time are displayed?

For now, all timers will display in the format [years, months, days, hours, minutes, seconds]. Future updates will include customization options.

\n\n","screenshots":"

$\"Under$
Under Settings > WP Countdown Timer, you can set the date time that you would like to count down to.

"},"short_description":"Wordpress plugin to add a countdown timer to your website. Display a timer and countdown to any day, time, or event.","download_link":"https://downloads.wordpress.org/plugin/wp-countdown-timer.zip","screenshots":{"1":{"src":"https://ps.w.org/wp-countdown-timer/assets/screenshot-1.png?rev=875692","caption":"Under Settings > WP Countdown Timer, you can set the date time that you would like to count down to."}},"tags":{"clock":"clock","countdown":"countdown","countdown-clock":"countdown clock","countdown-timer":"countdown timer","timer":"timer"},"versions":[],"donate_link":"","icons":{"default":"https://s.w.org/plugins/geopattern-icon/wp-countdown-timer_4f4747.svg"}}]

calder

Calder SVG

WordPress Countdown Timer

Get New Themes & Resources