Insert Twine stories into WordPress
Embed Twine makes it easy to insert Twine 2 stories into WordPress pages and posts.
Furthermore, it provides autoscroll functionality making it easy for users to navigate through your stories.
Plugin is configurable via shortcode parameters.
Currently, Twine passages which include images might report their height incorrectly. Scrollbar might show up for these passages. Tweak shortcode parameter aheight to get rid of them.
/wp-content/plugins/plugin-name
directory, or install the plugin through the WordPress plugins screen directly.Navigate to your Dashboard screen. In the menu, select “Tools” and “Embed Twine”.
Simply put the shortcode text in your page or post. Modern Gutenberg (block editor) provides “Shortcode widget”. You can use either.
You can use aditional parameters: “[embed_twine story=”Story” aheight=112 autoscroll=true ascroll=100]”
story
Specify the story (filename without extension). When story parameter is omitted, it defaults to “Story”. Meaning, there is no need to use this parameter if your Twine filename is Story.html.
If you upload Twine story file MyFooBar.html use following the shortcode [embed_twine story=”MyFooBar”].
aheight
Use it to adjust iframe height. You might need to tweak this parameter to get rid of iframe scrollbar. Default value is 112. This value is added to iframe height and used to set iframe’s style.height.
autoscroll
Autoscroll is enabled by default. Turn it off with shortcode parameter [embed_twine autoscroll=false].
ascroll
Use it to adjust default position for autoscroll. Default value is 100. This value is subtracted from detected iframe top position and fed into javascript method window.scrollTo().
Twine is open source tool for creating interactive stories.
No, this plugin only supports Twine 2 stories.
I’ve tested following formats:
* Harlowe 1.2.4
* SugarCube 2.30.0