clickonmedia

<p>Interactive longform articles, with a fading scroll effect.</p>
<h3>Examples</h3>
<p>https://www.theversed.com/90435/life-preserver-meet-the-navy-airr-who-is-dedicating-his-life-to-helping-others/</p>
<p>https://www.theversed.com/91272/ascender-one-sailors-journey-reach-new-heights</p>
<p>https://www.theversed.com/88874/wavemaker-the-road-to-recovery</p>
<h3>Usage</h3>
<ol>
<li>Upload the unzipped plugin files to the <code>/wp-content/plugins/</code> directory, or install the plugin via WordPress CMS</li>
<li>Activate the plugin in Plugins section in WordPress CMS.</li>
<li>If using WP 5.0+, disable Gutenberg Editor (see instruction below)</li>
<li>Add a new post or page, and select “Interactive article” as the page template</li>
<li>Create an Interactive Article (see instruction below)</li>
<li>Publish article</li>
</ol>
<h3>How to disable the Gutenberg editor</h3>
<p>Interactive Longform Articles doesn’t currently support the Gutenberg Editor. Please see your options on disabling the editor at: https://kinsta.com/blog/disable-gutenberg-wordpress-editor</p>
<h3>How to create Interactive Articles</h3>
<p>https://github.com/clickonmedia/interactive-longform-articles/wiki/Instructions</p>
<h3>Settings</h3>
<ul>
<li>There are a few optional settings you can adjust in Settings > Interactive Longform Articles:
<ul>
<li>Enable Interactive Articles as a separate post type</li>
<li>Enable the “downloads” section</li>
<li>Enable iframe embedding in text editor</li>
<li>Add Google Analytics Event tracking</li>
<li>Adjust the progress indicator color</li>
</ul>
</li>
</ul>
<h3>Optional features</h3>
<h3>Custom logo</h3>
<ul>
<li>A custom logo can be added by enabling Custom Logo for the theme: https://developer.wordpress.org/themes/functionality/custom-logo</li>
</ul>
<h3>Header and footer</h3>
<ul>
<li>Default header and footer can be customized by including a header.php or footer.php template in a directory named “interactive” inside the theme</li>
</ul>
<h3>Shortcode</h3>
<ul>
<li>A carousel list of interactive articles can be added by using shortcode [interactive-list max=”3″]. “Max” parameter indicates the maximum amount of articles listed. Requires that featured images are set for all articles.</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 3.0 – 4.*</li>
<li>WordPress 5.* with Gutenberg disabled</li>
</ul>


Interactive Longform Articles

Interactive multimedia articles for longform journalism, with a background scroll effect.

laurence

<p>Simple Long Form helps to build easily one-page-scroll without knowing anything about coding. Things are kept the most simple, but those who like to put their hands in code should enjoy the possibility to play with Bootstrap components (templates are built with Bootstrap.js).</p>
<p>The plugin activation creates a new type of content (custom post type) :  Longform. It can be integrated to the full WP installation or it can be kept independent.</p>
<p>Since V1, it is possible to link longforms more deeply with WP (and with other plugins) via the panel Options.<br />
There is also a dedicated widget and a dedicated Archives page.</p>
<p>A template is totally customizable. Take the power on your design!</p>
<p>SLF is available in French, English, in German (thanks to Christiane) and in Dutch (beta). It is designed for storytellers and journalists.</p>
<p>Front-end demo 1 (V1): http://www.ohmybox.info/longform/simple-long-form-v1/</p>
<p>Front end demo 2 (V1.3/4): http://www.ohmybox.info/longform/simplelongform-new/</p>
<p>Archives page: http://www.ohmybox.info/longform</p>
<p>Image gallery demo (fr/en): http://www.ohmybox.info/longform/simple-long-form-galeries/</p>


Simple Long Form

Building longreads has never been so easy with SLF. No knowledge of code is mandatory to enhance your stories and make it scroll.

Interactive Longform Articles vs Simple Long Form