[{"name":"Knight Lab SoundciteJS","slug":"knight-lab-soundcite","version":"0.9.1","author":"Northwestern University Knight Lab and Paul Schreiber","author_profile":"https://profiles.wordpress.org/nuknightlab/","requires":"4.7.5","tested":"5.3.18","requires_php":false,"requires_plugins":[],"rating":0,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"downloaded":5253,"last_updated":"2020-01-21 4:17pm GMT","added":"2017-08-24","homepage":"https://github.com/NUKnightLab/soundcite-wordpress-plugin","sections":{"description":"

SoundciteJS is a tool from Northwestern University Knight Lab to make it easy to embed audio in your webpage. Historically, SoundciteJS has not been easy to use on WordPress.org sites because it uses custom attributes which are filtered out of posts.

To learn about using SoundciteJS in general, visit the SoundciteJS website. SoundciteJS can play audio hosted on SoundCloud, or audio which you upload using the WordPress Media Library, or any other audio files (MP3, AAC, Ogg Vorbis, or WAV) which can found with a URL.

To use SoundciteJS on your WordPress site, simply install this plugin. Then create clips at soundcite.knightlab.com and paste them into the “text” view of your post editor. You will be able to see your clips and edit their text in the “visual” WordPress editor, but to change the configuration values, you must use the “text” WordPress editor. While clips will show the SoundciteJS “play” button in the visual editor, playing them is not supported in the editor, although you should be able to play them in post preview mode.

This plugin supports two configuration values, which can be set in the WordPress Settings controls, on the “Media” page.

Soundcloud Client ID: If you use SoundCloud, you may want to register for a client ID. If you don’t, your clips may occasionally become unplayable because of the amount of traffic against the SoundciteJS default SoundCloud client ID. See the SoundCloud Developers website to register for a client ID.
Background Color: If you choose, you may set the background color of your clips. All clips on a single page must have the same color, and the WordPress settings only support one custom color for your entire site.

\n","installation":"

The best way to install this plugin is using the WordPress plugin directory. Activate the plugin on the plugins page.

\n"},"short_description":"This plugin lets you easily use Knight Lab's SoundciteJS tool to embed audio clips on your WordPress site.","download_link":"https://downloads.wordpress.org/plugin/knight-lab-soundcite.0.9.1.zip","screenshots":[],"tags":{"audio":"audio","knightlab":"knightlab","soundcite":"soundcite","soundcloud":"soundcloud"},"versions":{"0.9.0":"https://downloads.wordpress.org/plugin/knight-lab-soundcite.0.9.0.zip","0.9.1":"https://downloads.wordpress.org/plugin/knight-lab-soundcite.0.9.1.zip","trunk":"https://downloads.wordpress.org/plugin/knight-lab-soundcite.zip"},"donate_link":"","icons":{"default":"https://s.w.org/plugins/geopattern-icon/knight-lab-soundcite.svg"}},{"name":"Shortcake Bakery","slug":"shortcake-bakery","version":"0.2.0","author":"fusionengineering, davisshaver, danielbachhuber","author_profile":"https://profiles.wordpress.org/danielbachhuber/","requires":"4.2","tested":"4.7.29","requires_php":false,"requires_plugins":[],"rating":0,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"downloaded":5466,"last_updated":"2017-05-02 10:53pm GMT","added":"2015-07-17","homepage":"https://www.github.com/fusioneng/shortcake-bakery/","sections":{"description":"

Shortcake Bakery adds a fine selection of shortcodes to your WordPress site. Use with Shortcake for the optimal experience.

The following shortcodes are now available for your use within the content field:

ABC_News [abc-news]
Facebook [facebook]
Flickr [flickr]
Giphy [giphy]
GoogleDocs [googledocs] (Includes several common formats: Documents, Spreadsheets, Presentations, Forms, Maps, and Fusion Tables.)
Guardian [guardian]
Image Comparison [image-comparison] (Uses the juxtapose.js script from Knight Labs.)
Infogram [infogram]
Instagram [instagram]
Live Photo [live-photo]
Livestream [livestream]
PDF Viewer [pdf] (PDF documents can be uploaded attachments or remotely hosted documents. A code-based proxy pass can be made available for external documents with a filter.)
Playbuzz [playbuzz]
Rap_Genius [rap-genius]
Scribd [scribd]
Script [script] (Requires code-level configuration of accepted domains.)
Silk [silk]
SoundCloud [soundcloud]
Twitter [twitter]
Videoo [videoo]
Vimeo
Vine [vine]
YouTube
iFrame [iframe] (Requires code-level configuration of accepted domains.)

Shortcake Bakery also enables an “Add Embed Code” experience for Shortcake shortcodes. Clicking the “Add Embed Code” media button will display a form in the media modal where a user can paste an embed code as received from a provider (by copying the embed code from a YouTube video, for one example). If that embed code matches a shortcode registered with the Shortcake Bakery shortcode API, the matched shortcode will be sent to the editor.

See the Installation section for code-level configuration details. Get involved with the project and submit your own shortcodes on Github.

\n","installation":"

It’s a plugin! Install it like any other.

Most of the shortcodes work out of the box, but you’ll need to whitelist any domains you want to be eligible for script and iFrame tag use.

add_filter( 'shortcake_bakery_whitelisted_script_domains', function(){\n    return array(\n        'ajax.googleapis.com',\n    );\n});\n\n\n\nadd_filter( 'shortcake_bakery_whitelisted_iframe_domains', function(){\n    return array(\n        'buzzfeed.com',\n    );\n});\n

If you don’t want to enable all of the shortcodes which are bundled with this plugin, you can filter them by returning a smaller array from the filter ‘shortcake_bakery_shortcode_classes’:

add_filter( 'shortcake_bakery_shortcode_classes', function() {\n    return array(\n        'Shortcake_Bakery\\Shortcodes\\Facebook',\n        'Shortcake_Bakery\\Shortcodes\\Twitter',\n        'Shortcake_Bakery\\Shortcodes\\YouTube',\n    );\n});\n

Because of cross-domain issues, the [pdf] shortcode will only work out of the box with PDFs uploaded as local attachments, or that are served with appropriate Cross-Origin Resource Sharing headers. (If you don’t know about the domain you’re hosting the PDFs on, most likely it doesn’t include these headers and as a result, the PDF will not render properly on the front end.)

If you need to be able to serve pdf documents from other domains, you will need to set up an asset proxy for them. We have a basic PHP-based asset proxy built in to the plugin, which is disabled by default. If you want to enable it, return true from the following filter:

add_filter( 'shortcake_bakery_pdf_enable_cors_proxy', '__return_true' );\n

This feature should be enabled only with conscious thought, though, as if this is used heavily, it has the potential to cause serious performance issues. If you will be serving many, or very large PDFs, we recommend building your own proxy for these – using an nginx proxy_pass directive, for example.

\n","changelog":"

0.2.0 (April 17, 2017)

This release includes 14 new shortcodes, and some major new features for users.

Add “Add embed” media button; allow users to enter an arbitrary code from a provider, and convert it to a shortcode if that shortcode is available (as defined by the shortcode’s “reversal” method). Developers: note that this only works with shortcodes that extend \\Shortcode_Bakery\\Shortcode and implement the reversal()” method. You may also disable this button using the shortcake_bakery_show_add_embed filter.
Updated the format of Instagram embeds.
Added several new URL patterns for Facebook embeds. Groups, Pages, and videos are now supported in addition to Posts.
New shortcode: [soundcloud] Shortcode for Soundcloud embeds.
New shortcode: [abc-news] Shortcode for ABC News embeds.
New shortcode: [flickr] Shortcode for Flickr embeds.
New shortcode: [giphy] Shortcode for Giphy embeds.
New shortcode: [google-docs] Shortcode for Google Docs embeds.
New shortcode: [guardian] Shortcode for embeds from The Guardian.
New shortcode: [instagram] Shortcode for Instagram embeds.
New shortcode: [live-photo] Shortcode for Apple Live Photo embeds.
New shortcode: [livestream] Shortcode for Livestream embeds.
New shortcode: [pdf] Embed local or external PDF documents using pdf.js.
New shortcode: [silk] Shortcode for Silk embeds
New shortcode: [videoo] Shortcode for Videoo embeds.
New shortcode: Shortcode for Vimeo embeds.
New shortcode: [vine] Shortcode for Vine embeds.
Improved UI for selecting post elements; consistant icons for all embeds.
Bug fix: Allow Giphy embeds with hyp0hens in URLs.
Added Japanese translation
Allow the source of iframe and script embeds to be filtered, for SSL compatability.

0.1.0 (July 17, 2015)

Initial release.
Full release notes

\n","faq":"\n

Installation Instructions

It’s a plugin! Install it like any other.

Most of the shortcodes work out of the box, but you’ll need to whitelist any domains you want to be eligible for script and iFrame tag use.

add_filter( 'shortcake_bakery_whitelisted_script_domains', function(){\n    return array(\n        'ajax.googleapis.com',\n    );\n});\n\n\n\nadd_filter( 'shortcake_bakery_whitelisted_iframe_domains', function(){\n    return array(\n        'buzzfeed.com',\n    );\n});\n

If you don’t want to enable all of the shortcodes which are bundled with this plugin, you can filter them by returning a smaller array from the filter ‘shortcake_bakery_shortcode_classes’:

add_filter( 'shortcake_bakery_shortcode_classes', function() {\n    return array(\n        'Shortcake_Bakery\\Shortcodes\\Facebook',\n        'Shortcake_Bakery\\Shortcodes\\Twitter',\n        'Shortcake_Bakery\\Shortcodes\\YouTube',\n    );\n});\n

add_filter( 'shortcake_bakery_pdf_enable_cors_proxy', '__return_true' );\n

\n\n","screenshots":"

$\"Shortcodes$
Shortcodes are accessible through the Insert Element screen, exposed in the media library.
$\"Shortcodes$
Shortcodes preview in the visual editor, with a quick edit button to provide easy access to attribute fields.
$\"The$
The image comparison shortcode is powered by JuxtaposeJS, a tool built by the Northwestern University Knight Lab.
$\"We've$
We've added an Infogram shortcode that accepts public Infogram URL's.
$\"Scribd$
Scribd shortcodes let you embed documents easily in your WordPress content.
$\"The$
The script shortcode lets you embed whitelisted sources.
$\"Same$
Same with the iFrame shortcode.
$\"The$
The RapGenius shortcode doesn't do anything in the admin – but on the frontend, it adds annotations to your post.
$\"The$
The PDF shortcode wraps your document in a nifty viewer tool.
$\"Most$
Most Facebook URL's can be embedded with ease.
$\"Playbuzz$
Playbuzz quizs can be embedded, with a few options supported.
$\"An$
An \"Add Embed\" button is added to the editor media buttons.
$\"Clicking$
Clicking the \"Add Embed\" button brings up a from to insert a provided embed code. If an embed code doesn't match a known shortcode, a warning will be displayed. (Note - other plugins such as WordPress VIP's Protected Embeds functionality that reverse arbitrary embed codes to shortcodes in other ways can also hook in to this and make their own replacements.)
$\"If$
If an embed code can be recognized as matching one of the Shortcake Bakery shortcodes, or any shortcodes which make use of this plugin's API, it can be inserted from this screen...
$\"...$
... and it will be sent to the editor as the corresponding shortcode, rather than the full embed code.

"},"short_description":"A fine selection of Shortcake-powered shortcodes.","download_link":"https://downloads.wordpress.org/plugin/shortcake-bakery.0.2.0.zip","screenshots":{"1":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-1.png?rev=1649995","caption":"Shortcodes are accessible through the Insert Element screen, exposed in the media library."},"2":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-2.png?rev=1649995","caption":"Shortcodes preview in the visual editor, with a quick edit button to provide easy access to attribute fields."},"3":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-3.png?rev=1649995","caption":"The image comparison shortcode is powered by JuxtaposeJS, a tool built by the Northwestern University Knight Lab."},"4":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-4.png?rev=1649995","caption":"We've added an Infogram shortcode that accepts public Infogram URL's."},"5":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-5.png?rev=1649995","caption":"Scribd shortcodes let you embed documents easily in your WordPress content."},"6":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-6.png?rev=1649995","caption":"The script shortcode lets you embed whitelisted sources."},"7":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-7.png?rev=1649995","caption":"Same with the iFrame shortcode."},"8":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-8.png?rev=1649995","caption":"The RapGenius shortcode doesn't do anything in the admin – but on the frontend, it adds annotations to your post."},"9":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-9.png?rev=1649995","caption":"The PDF shortcode wraps your document in a nifty viewer tool."},"10":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-10.png?rev=1649995","caption":"Most Facebook URL's can be embedded with ease."},"11":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-11.png?rev=1649995","caption":"Playbuzz quizs can be embedded, with a few options supported."},"12":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-12.png?rev=1649995","caption":"An \"Add Embed\" button is added to the editor media buttons."},"13":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-13.png?rev=1649995","caption":"Clicking the \"Add Embed\" button brings up a from to insert a provided embed code. If an embed code doesn't match a known shortcode, a warning will be displayed. (Note - other plugins such as WordPress VIP's Protected Embeds functionality that reverse arbitrary embed codes to shortcodes in other ways can also hook in to this and make their own replacements.)"},"14":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-14.png?rev=1649995","caption":"If an embed code can be recognized as matching one of the Shortcake Bakery shortcodes, or any shortcodes which make use of this plugin's API, it can be inserted from this screen..."},"15":{"src":"https://ps.w.org/shortcake-bakery/trunk/screenshot-15.png?rev=1649995","caption":"... and it will be sent to the editor as the corresponding shortcode, rather than the full embed code."}},"tags":{"facebook":"facebook","infogram":"Infogram","playbuzz":"Playbuzz","rap-genius":"Rap Genius","shortcodes":"shortcodes"},"versions":{"0.1.0":"https://downloads.wordpress.org/plugin/shortcake-bakery.0.1.0.zip","0.2.0":"https://downloads.wordpress.org/plugin/shortcake-bakery.0.2.0.zip","trunk":"https://downloads.wordpress.org/plugin/shortcake-bakery.zip"},"donate_link":"","icons":{"default":"https://s.w.org/plugins/geopattern-icon/shortcake-bakery.svg"}},{"name":"Timelines","slug":"timelinejs","version":"1.05","author":"Ben Parry","author_profile":"https://profiles.wordpress.org/uiux/","requires":"3.0.1","tested":"4.3.34","requires_php":false,"requires_plugins":[],"rating":100,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":3},"num_ratings":3,"support_threads":0,"support_threads_resolved":0,"downloaded":3829,"last_updated":"2015-10-20 2:57pm GMT","added":"2015-09-19","homepage":"","sections":{"description":"

TimelineJS is an open-source tool that enables you to build visually-rich interactive timelines and is available in 40 languages. This plugin lets you display you create timeline events and embed timelines within your posts. You can display your post categories as a timelime and add extra data to each of your posts, turning them into media-rich timeline events.

Features

Create fantastic looking Timelines within WordPress, quickly and easily.
Embed Timelines within Posts and Pages effortlessly!
Timeline events and Timelines are easily created and managed.
Post Categories can be viewed as their own Timeline.
Posts can have extra data added to them to create a Timeline event.
All the features of TimelineJS3.

\n","installation":"

StoryMaps is extremely easy to install and use.

Upload timelines to the /wp-content/plugins/ directory & activate
Upload advanced custom fields or advaned custom fields pro to the /wp-content/plugins/ directory & activate
Activate Timelines
Create a few ‘Timeline Events’
Create a Timeline and add Timeline Events to it, order them if required.
View Timelines at its page URL or embed it into your post/page with this shortcode: [timeline id=\"example-unqiue\" name=\"basic-storymap-example\"] (id is a unique div id, name is the timelines ‘slug’)

\n","changelog":"

1.0

*Initial Release

1.01

*fixed issue that prevented thumbnails and non-external media from displaying

1.02

*Fixing issue with ACF fields missing end date field

1.03

*fixing issue with display date not overriding date object

1.04

*added ability to set media for the timelines intial slide
\n*added ability to choose language for timeline

1.05

*fixed issue with backgrund image not displaying

\n","screenshots":"

$\"Viewing$
Viewing Post Category as a Timeline, inline with theme.
$\"The$
The Timeline settings, enable and disable Post Categories as Timelines - specify which categories you want to display as a Timeline.
$\"Extra$
Extra fields when editing a post to turn it into a Timeline Event.

"},"short_description":"TimelineJS is an open-source tool that enables you to build visually-rich interactive timelines and is available in 40 languages.","download_link":"https://downloads.wordpress.org/plugin/timelinejs.zip","screenshots":{"1":{"src":"https://ps.w.org/timelinejs/assets/screenshot-1.jpg?rev=1248986","caption":"Viewing Post Category as a Timeline, inline with theme."},"2":{"src":"https://ps.w.org/timelinejs/assets/screenshot-2.jpg?rev=1248986","caption":"The Timeline settings, enable and disable Post Categories as Timelines - specify which categories you want to display as a Timeline."},"3":{"src":"https://ps.w.org/timelinejs/assets/screenshot-3.jpg?rev=1248986","caption":"Extra fields when editing a post to turn it into a Timeline Event."}},"tags":{"journalism-tool":"journalism tool","knight-labs":"knight labs","timeline":"timeline","timelinejs":"timelineJS","timelines":"timelines"},"versions":[],"donate_link":"","icons":{"1x":"https://ps.w.org/timelinejs/assets/icon-128x128.png?rev=1263118","2x":"https://ps.w.org/timelinejs/assets/icon-256x256.png?rev=1263118"}},{"name":"Storymaps","slug":"storymaps","version":"1.02","author":"Ben Parry","author_profile":"https://profiles.wordpress.org/uiux/","requires":"3.0.1","tested":"4.3.34","requires_php":false,"requires_plugins":[],"rating":100,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":2},"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"downloaded":2758,"last_updated":"2015-10-02 8:37am GMT","added":"2015-09-03","homepage":"","sections":{"description":"

StoryMapJS by Knight Lab is a free tool to help you tell stories on the web that highlight the locations of a series of events. Storymaps WordPress plugin turns your WordPress into a StoryMapJS authoring tool. Categorise StoryMap slides and view Slide categories as their own storymap. Easily embed StoryMaps into posts or pages with shortcodes.

Features

Create fantastic looking Storymaps within WordPress, quickly and easily.
Embed Storymaps within Posts and Pages effortlessly!
Storymap Slides, Storymap Slide Categories and Storymaps are easily created and managed.
Storymap Slide Categories can be viewed as their own Storymap.
Storymap Slide Categories have an optional Overview Slide which can be customised.
All the features of StoryMapJS including Gigapixel Storymaps

\n","installation":"

StoryMaps is extremely easy to install and use.

Upload storymaps to the /wp-content/plugins/ directory & activate
Upload advanced custom fields or advaned custom fields pro to the /wp-content/plugins/ directory & activate
Activate StoryMaps
Create a few ‘Storymap Slides’
Create a Storymap and add Storymap Slides to it, order them if required.
View Storymaps at its page URL or embed it into your post/page with this shortcode: [storymap id=\"example-unqiue\" name=\"basic-storymap-example\"] (id is a unique div id, name is the storymaps ‘slug’). You can also embed a storymap slide-category into a post with the shortcode [storymap_archive slide_category=\"slide-category-slug\"]
View Gigapixel Storymaps at its page URL or embed it into your post/page with this shortcode: [gigapixel_storymap id=\"example-unqiue\" name=\"basic-storymap-example\"] (id is a unique div id, name is the gigapixel storymaps ‘slug’)

\n","changelog":"

1.0

Initial Release

1.01

*Fixing posttype filter on storymap slide relationship field

1.02

*Fixing map_type field name

\n","screenshots":"

$\"Fullscreen$
Fullscreen StoryMap page template
$\"Add$
Add new StoryMap Screen
$\"Add$
Add new Slide Category Screen
$\"Add$
Add new StoryMap Slide Screen
$\"StoryMaps\"$
StoryMaps
$\"Storymap$
Storymap Slides

"},"short_description":"StoryMapJS by Knight Lab is a free tool to help you tell stories on the web that highlight the locations of a series of events.","download_link":"https://downloads.wordpress.org/plugin/storymaps.zip","screenshots":{"1":{"src":"https://ps.w.org/storymaps/assets/screenshot-1.png?rev=1236782","caption":"Fullscreen StoryMap page template"},"2":{"src":"https://ps.w.org/storymaps/assets/screenshot-2.png?rev=1236782","caption":"Add new StoryMap Screen"},"3":{"src":"https://ps.w.org/storymaps/assets/screenshot-3.png?rev=1236782","caption":"Add new Slide Category Screen"},"4":{"src":"https://ps.w.org/storymaps/assets/screenshot-4.png?rev=1236782","caption":"Add new StoryMap Slide Screen"},"5":{"src":"https://ps.w.org/storymaps/assets/screenshot-5.png?rev=1236782","caption":"StoryMaps"},"6":{"src":"https://ps.w.org/storymaps/assets/screenshot-6.png?rev=1236782","caption":"Storymap Slides"}},"tags":{"google-map":"google map","journalism-tool":"journalism tool","storymap":"storymap","storymapjs":"StoryMapJS"},"versions":[],"donate_link":"","icons":{"1x":"https://ps.w.org/storymaps/assets/icon-128x128.png?rev=1236782","2x":"https://ps.w.org/storymaps/assets/icon-256x256.png?rev=1236782"}}]

knight labs

Knight Lab SoundciteJS

Shortcake Bakery

Timelines

Storymaps

Get New Themes & Resources