WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
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

WPBeginner» Blog» Plugins» Forget PowerPoint, How to Create Presentations in WordPress

Forget PowerPoint, How to Create Presentations in WordPress

Last updated on August 13th, 2014 by Editorial Staff
530 Shares
Share
Tweet
Share
Pin
Special WordPress Hosting offer for WPBeginner Readers
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+.

530 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • How to Properly Move Your Blog from WordPress.com to WordPress.org

  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

  • How to Start Your Own Podcast (Step by Step)

    How to Start Your Own Podcast (Step by Step)

  • Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

15 Comments

Leave a Reply
  1. Manasa says:
    Mar 25, 2019 at 10:56 am

    Thanks – nice tips. I am doing something about powerpoint on my WordPress website

    Reply
    • WPBeginner Support says:
      Mar 25, 2019 at 4:09 pm

      You’re welcome :)

      Reply
  2. Cecil Blount says:
    May 23, 2017 at 10:40 am

    How does WP handle a Ppresentation that contains a quiz and generates a certificate of completion [only if the quiz is passed].

    Reply
  3. LauraFit says:
    Sep 6, 2014 at 8:04 pm

    All I see in the HTML5 attributes is the option to manually order slides when I create a second slide for my presentation. I also got a 404 when I tried to preview what I thought was a 2 slide presentation.

    How can I add a second slide if there’s no drop down to tell WP what the parent slide is?

    Reply
  4. Eric Blocher says:
    Aug 20, 2014 at 8:31 pm

    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?

    Reply
    • Sri Harsha Chilakapati says:
      Aug 22, 2014 at 11:21 am

      My presentations are somewhat larger than usual ones. So I prefer to use PowerPoint and then upload the exported html to a folder on my hosting and in WordPress, I use the iframe tag to embed it in my post.

      Reply
  5. WPBeginner Staff says:
    Aug 18, 2014 at 11:23 pm

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

    Reply
  6. Sri Harsha Chilakapati says:
    Aug 17, 2014 at 11:34 am

    I’d better export from PowerPoint as a PDF (or even as HTML) and host them in a subdomain. I think it’s more easier than re-writing in the wordpress editor.

    Reply
  7. Diana MEYER says:
    Aug 17, 2014 at 9:27 am

    Thanks a lot! This will definitely help me as I am revamping my website ;-) Hope that this plugin will be compatible with WordPress 4.0 which will be released in a few days!!!!

    Reply
  8. Bo Kauffmann says:
    Aug 14, 2014 at 10:49 pm

    I notice that you said to create a page. Is it also possible to use a post instead of a page?

    Reply
  9. WPBeginner Staff says:
    Aug 14, 2014 at 5:30 pm

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

    Reply
  10. WPBeginner Staff says:
    Aug 14, 2014 at 5:20 pm

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

    Reply
  11. Charles says:
    Aug 13, 2014 at 12:38 pm

    I would like to use it, but I see that it has not been updated since last year and is compatible with WP 3.6., Will it work with the latest ver. of WP?

    Reply
  12. John Mauldin says:
    Aug 13, 2014 at 11:25 am

    Where have I been? I thought I knew a lot about wordpress but despite this, every new idea you provide outdistances my knowledge. Thank you sooo much for this wonderful tip! This method is HUGE!

    Reply
  13. Joshua Jarvis says:
    Aug 13, 2014 at 9:26 am

    Is there an example link? I didn’t see one.

    Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
MonsterInsights
MonsterInsights
Google Analytics made easy for WordPress. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 25 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2019 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2019)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2019)
    • SiteGround Reviews from 1032 Users & Our Experts (2019)
    • Bluehost Review from Real Users + Performance Stats (2019)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • 7 Best CRM Software for Small Businesses (Compared)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2019 – Step by Step Guide
Deals & Coupons (view all)
Weglot Coupon
Get 15% OFF on Weglot multilingual plugin for WordPress.
Webnus
Webnus Coupon
Get 20% OFF on Webnus themes and plugins for WordPress.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress

Copyright © 2009 - 2019 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by HostGator | WordPress CDN by MaxCDN | WordPress Security by Sucuri.