Hey there,
I am trying to get impress.js to work well with wordpress and am running into a weird issue I can't figure out.
You can see the working implementation here:
http://www.no-more-war.net/no-more-war-presentation/#/Title
However, there is a quirk: Notice the first line in html just being a "'". That comes from the header-simple.php
Without it, the presentation switches to fallback-mode as if impress.js were not there or my browser were not supported.
You can see that here:
http://dev.no-more-war.net//wp/?page_id=13&preview=true#/Title
I do not have a clue, why that would be. I tested it several times and the symptom remains the same. Removing that ' at the start of the html file stops impress.js from working.
Anybody any ideas?
Here the source files for reference: http://dev.no-more-war.net/wp/presentation-theme-extension.zip
Copying them into the theme directory should be enough, then you can select the page template (impress-page) when you create a new page and just enter this to get a working impress slide:
<div class="step slide" id="Title" data-x="0" data-y="0">
<h1>Test</h1>
</div>The rest is taken over by impress-page.php template, which calls header-simple.php for the header information. I tested it with a motion child theme and with a twentytwelve child theme.
Therefore I hope these files should work in any theme, as far as I can tell – but I am by no means experienced enough, so use them with caution and without waranty of any kind!
Would be great if someone could have a look at it and help me fix this annoying issue!