Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

Forget PowerPoint, How to Create Presentations in WordPress

Last updated on by
Follow WPBeginner on YouTube
Forget PowerPoint, How to Create Presentations in WordPress

Sharing your PowerPoint presentation on your website is not as straight forward. Usually you have to use third-party sites such as SlideShare to share and embed your presentation. What if we told you that you can create and share presentations in WordPress? In this article, we will show you how to create HTML presentations in WordPress and leave PowerPoint behind.

An HTML5 Slideshow Presentation in WordPress

Why Create Presentations in WordPress and not Powerpoint?

PowerPoint is the most popular software to create presentations. You can easily create your slides and then upload your slideshow to a third-party website for sharing. However by doing this you lose control over your content.

By using WordPress to create presentations, you bring visitors to your website. You can use this opportunity to convert visitors into subscribers.

An HTML5 Slideshow on your own website is better SEO. All your slides can be indexed by search engines and users can land directly on your site.

How to Create an HTML5 Presentation in WordPress

First thing you need to do is install and activate the HTML5 SlideShow Presentations plugin. Upon activation, go to HTML5 Presentations » Add New to create your first presentation.

HTML5 Slideshow editor

The slide editor has the default WordPress title and post editor box. You will see HTML5 Slide Formatting meta box below the post editor.

HTML5 Slide Formatting

There are three formatting options for you to configure. First you need to choose the Slide Type. Since this is the first slide in your presentation, it will automatically become the Title Slide.

The next option is to choose a Slide Style. This option controls the visual appearance of your slide.

The last option, is to choose a Presentation Type. You can choose from Standard Presentation, Faux Widescreen, or Widescreen presentation type.

In the title area, you can enter your presentation title or the title of this particular slide.

The editor area is just like WordPress post editor area, and you can add anything you want here. You can add bulleted lists, images, videos, etc. You can even leave the edit area blank if you just want to add a title only slide.

Once you feel satisfied with your slide, you can save or publish it.

To add more slides into your presentation, you need to repeat the process. However, this time you can choose a parent slide as the presentation. On the HTML5 Slide Editing screen, you will see HTML5 Slide Attributes metabox. Select the first slide as your presentation from the drop down menu.

Choosing a presentation for your slide

How to Display Your Slideshow in WordPress?

Now that you have created your slides, let’s display them on your website. Start by creating a new page in WordPress. You will notice a new metabox on the page edit screen titled HTML5 Presentations. Choose the presentation you want to display from the drop down menu and save your changes.

Displaying presentation on a WordPress page

How to Use Custom Styles for Your Slideshow

You need to create a new stylesheet to completely override the plugin’s stylesheet with your own CSS. Use the file name html5slide-replace.css for your stylesheet and upload it to your theme or child theme‘s directory.

To make minor changes and add extra style rules, you need to name your stylesheet html5slide-style.css. Upload this stylesheet to your theme or child theme’s directory.

Presenting Your Slideshow

If you’re using your slide to present at a conference, then you need to open the page containing your presentation. You can launch your browser (preferably Google Chrome) in full-screen mode.

You can use arrow keys to move forward and backward between slides. If your slides get stuck, then simply click on an empty area on the screen, and you would be able to move forward and backward again.

We hope this article helped you create presentations in WordPress. Experiment with different slide types and styles to improve your slideshow.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Google+.


Editorial Staff at WPBeginner is a team of WordPress lovers led by Syed Balkhi. Page maintained by Syed Balkhi.

WPBeginner's Video Icon
Our HD-Quality tutorial videos for WordPress Beginners will teach you how to use WordPress to create and manage your own website in about an hour. Get started now »
  • Eric Blocher

    Can the WP editor not incorporate presentations that have been exported from PPT or Keynote as HTML? Or – can you just embed the presentation in a HTML field?

  • http://www.wpbeginner.com/ WPBeginner Staff

    No, the HTML Slide attribute meta box will not appear on posts.

  • http://www.wpbeginner.com/ WPBeginner Staff

    We checked it with the latest version of WordPress and it worked fine.

  • http://www.wpbeginner.com/ WPBeginner Staff

    You can find a link to the demo presentation on the plugin’s page at WordPress.org