It's Wordpress Plugin time.
This plugin was adapted from the excellent work by @Benjamin and has some new features. The latest version of this plugin during the testing phase is here: https://github.com/tumult/hype-wordpress-plugin
This is not quite ready for production sites, so I need your help to test this and make sure it is stable.
One addition is the ability to copy the embed code for your uploaded Hype animation. Once you upload an exported .OAM file, you can quickly copy the embed code from your Wordpress Web host to display your animation elsewhere. So if you have a Wordpress site, you have a quick and easy way to host your Hype documents.
To install, download the repository as a zip file:
...then upload that as a new plugin to your Wordpress site. Once activated, you can use the plugin.
Using the Plugin
First, export your Hype document as a OAM widget:
In either the Post or Page Editor, you have a new button:
Click that, then drag your documentname.oam file right onto the modal that appears. This will add the shortcode for your Hype animation right where your cursor was.
Things to keep in mind when using this plugin:
- Responsive documents work: Your DIV dimensions will reflect your scaling percentage numbers. But make sure you read the next bullet point:
- Using a percentage-based height in a responsive document may cause issues. If possible, only set scaling on the width dimension for your document. This post explains some of the issues when working with responsive documents in Wordpress themes.
- To switch from a
<div> embed method to an
<iframe> method, select the dropdown menu and click 'update' after choosing a new option:
Please include your Wordpress version, any uploads you attempted, steps to reproduce the problem, and screenshots if helpful. Thanks!