How to upload Articulate Rise content into a WordPress website

Looking to insert or embed Articulate Rise 360 content into your WordPress site? In this article, we’ll show you how easy it is to publish content from Articulate Rise 360 as a .zip file and upload it to your WordPress website.

Step 1
Open your course in Rise 360 and select Export:

articulate rise export to web

Step 2
Change the Export Type to Web. The WordPress Plugin that we’re going to use only needs your published .zip file. This makes it really easy to upload your content to WordPress.

(more…)

How to upload iSpring content into a WordPress website

Looking to insert or embed iSpring content into your WordPress site? In this article, we’ll show you how easy it is to publish content from iSpring as a .zip file and upload it to your WordPress website.

(Note: It doesn’t matter which version of iSpring or product you’re using. The steps are very similar.)

Applies to:
iSpring Suite 10
iSpring Suite 9
iSpring Suite 8
iSpring Suite 7
iSpring Free 9
iSpring QuizMaker
iSpring Page

Step 1
Open your course in PowerPoint, click on the iSpring menu, and click Publish:

Step 2
Click on My Computer. The WordPress Plugin that we’re going to use only needs your published .zip file. This makes it really easy to upload your content to WordPress.

(more…)

How to Print Slides in Articulate Storyline 360 in HTML5

To print your slides in Articulate Storyline 360, add the following script to a JavaScript trigger:

if (document.location.href.indexOf('html5') < 0) {
GetPlayer().printSlide()
} else {
if(!window.hasPrintStyle){
window.hasPrintStyle = true;
var css = "@media print {div.controls.grid-row.inflexible,div.area-secondary.cs-left.inflexible,header.header-primary.centered-title.extended-height,div.presentation-wrapper:after {display:none !important; visibility:hidden !important;}}";
head = document.head || document.getElementsByTagName('head')[0];
style = document.createElement('style');
style.type = 'text/css';
if (style.styleSheet){
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
head.appendChild(style);
}
window.print();
}

Note: This only works in HTML5 in the Classic Player. For Flash, use the SWF package described here: https://elearningbrothers.com/printing-slides-articulate-storyline-2/

If the above code doesn’t work for you in the latest update of Storyline, try this instead:

var styles = `@media print {
  body, * { visibility: hidden; }
  html, body { overflow: hidden; transform: translateZ(0); }
  #slide {
    transform: scale(1.3) !important;
  }
  #wrapper {
   transform: scale(1) !important;
  }
  #slide,
  #wrapper {
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
  }
  #frame {
    overflow: visible !important;
  }
  .slide-transition-container {
    overflow: visible !important;
  }
  @page {size: A4 landscape;max-height:99%; max-width:99%}
    .slide-container, .slide-container * {
      visibility: visible !important;
      margin-top: 0px !important;
      margin-left: 0px !important;
    }
    #outline-panel {
      display: none !important;
    }
  }
}`
  var stylesheet = document.createElement('style');
  stylesheet.type = 'text/css';
  stylesheet.innerText = styles;
  document.head.appendChild(stylesheet);
  window.print();

Things to keep in mind when using the code above:

#1 – This code expects that the content will be printed in Landscape mode. This gives you the best & fullest output. If you want to adjust that at all, take a look at

@page {size: A4 landscape;

#2 – Depending on the browser that you’re using, the size of the content may be too big and extend off of the page. I found that this happened in Edge the most often. If you want to adjust that at all, take a look at

#slide {
    transform: scale(1.3) !important;
  }

You will most likely need to change the scale to something smaller like 1.2

Big thanks to Tyler at Articulate for the help on this!