Forum Discussion

LauraPrice-6d73's avatar
LauraPrice-6d73
Community Member
4 years ago

Rise as a WordPress standalone page

Is it possible to present a Rise course as a stand alone page on an existing WordPress website? A standalone template for WordPress has been created so it can load the HTML/CSS & JavaScript. The issue is some of the style in the CSS conflict with the WordPress styles. Also the Rise page is designed with a scrolling panel holding the main content so the left hand menu is static. This is causing issues with the page layout, for one it’s pushing the footer off the bottom of the page.

 I’d also like to get rid of the previous lesson block (div .previous-lesson) - it feels unnecessary in the context of a single page with the LHS navigation.

Rise 360
  • CynthiaCardona's avatar
    CynthiaCardona
    Community Member
    2 years ago

    Creating a standalone page for a Rise course within WordPress involves a few steps. Rise courses are typically designed to be hosted on the Articulate 360 platform, but you can export the course and host it on your own WordPress site as well. Here's a general guide on how to do it:

    1. **Export Your Rise Course:**
    - Log in to your Articulate 360 account and navigate to the Rise course you want to export.
    - Export the course by selecting "Export" and then choosing the "Web" option. This will generate a zip file containing your course files.

    2. **Upload the Course Files to WordPress:**
    - Unzip the exported file on your computer.
    - Log in to your WordPress admin panel.
    - Go to the Media section and upload all the course files (HTML, CSS, JavaScript, etc.) from the unzipped folder to your media library.

    3. **Create a New Page:** USPayServ Login
    - From your WordPress dashboard, go to "Pages" and click on "Add New" to create a new page for your Rise course.

    4. **Add the Embed Code:**
    - Switch to the HTML view of the page editor or use a custom HTML block if available.
    - Use an iframe HTML tag to embed the course:

    ```html
    <iframe src="URL_TO_YOUR_COURSE_INDEX.HTML" width="WIDTH" height="HEIGHT" frameborder="0" allowfullscreen></iframe>
    ```
    Replace `URL_TO_YOUR_COURSE_INDEX.HTML` with the actual URL of your course's index file and adjust the `WIDTH` and `HEIGHT` as needed.

    5. **Publish the Page:**
    - Preview the page to make sure the course displays correctly.
    - If everything looks good, publish the page.

    6. **Testing:**
    - Test the page on various devices and browsers to ensure that the course is responsive and functions as expected.

    Please note that embedding content from external sources like this can come with security considerations, and Rise courses are designed to be responsive. Additionally, Rise courses might be best suited for use on Articulate's platform, so ensure that the course works well when hosted on WordPress.

    If you're not comfortable with HTML and embedding code, consider seeking assistance from someone experienced with web development. Also, keep in mind that Articulate's terms of use and licensing might affect how you can use Rise courses outside of their platform. Always make sure you are in compliance with their terms.

Related Content