On WordPress.com, you can use a number of shortcodes to embed features and create objects with little effort, and make your site look just the way you want. We’re excited to announce new shortcodes you can use to whip up a slideshow presentation — and display it on your WordPress.com site.
A sampling of features
- Selecting different slide transitions (up, down, left, right)
- Rotating and scaling slides
- Choosing colors or images for backgrounds (HTML color, image URL)
- Setting transition durations and sizes
You can see these features in action, along with shortcode instructions to get you started, in the sample presentation below. Don’t forget to view it in full-screen — just click the four-arrow icon on the bottom right corner.
This slideshow could not be started. Try refreshing the page or viewing it in another browser.
Presentations Shortcode Plugin
for WordPress.com sites
Who doesn’t love awesome presentations?
This presentations plugin provides shortcodes to let you quickly and easily put together amazing presentations!
Supported features include:
- Choosing slide transitions
- Rotating and scaling slides for extra awesomeness
- Setting presentation backgrounds with solid colors or images
- Setting transition durations and sizes
Presentations can be navigated either using the onscreen arrows, or by using keyboard arrow keys. Tab or space will also navigate the slideshow forward.
Fullscreen mode is toggled using the icon on the lower right. Hitting ESC on the keyboard will also exit fullscreen.
To begin, simply start with the
[presentation] shortcode. Then put all your individual slide content inside
[slide] shortcodes and you are good to go!
Pretty cool, huh?
Transitions are specified using
The following options are available:
The default transition!
Which only really works when fading is enabled.
Slides can be rotated using
[slide rotate=] where the value is in degrees.
Emphasize your big ideas or explain the tiny details using
Solid color backgrounds can be set using
[slide bgcolor=] where the value can be any valid HTML color.
[slide bgimg=] with a valid image url will set it as the background, stretching the image to fill the slide.
Fading between is enabled by default. It can easily be disabled via
[slide fade=] with a value of “off” or “false”.
When you start to miss it re-enable it anytime with “on” or “true”.
Presentation-wide settings such as height, width, and transition duration (in seconds) can all be set using the respective attributes in the
Also, any valid
[slide] attribute can be placed in the
[presentation] shortcode, and it will apply to every slide unless explicitly overridden.
Enjoy making your own presentations :)
We’re excited that you can use these shortcodes to create presentations, from simple slideshows to sleek, professional presentations. For more detailed steps, visit the presentations shortcode support page.
Other slideshow embed options
You can create other slideshows on your WordPress.com site, too:
- SlideShare: Upload and share PowerPoint presentations, Word documents, and Adobe PDF Portfolios publicly and privately.
- Speaker Deck: Share your Speaker Deck presentation.
This is awesome! I haven’t made any presentation on/for my blog. This is really tempting me to create one just to try this feature.
What about us folks using WordPress.org? Any self-hosted equivalent?
Couldn’t open the presentation feature
This might be just the solution we need for our new “Faces of Mental Illness” project. Can you use it for video montage, or just stills?
As usual. WordPress just keeps getting better and better!
Still looking for the magic tour arrow icon you say there is on the right to comment, what is the point of constantly sending new things when it seems a struggle to get them. I am logged in to my account yet cannot comment nor find this blasted tour arrow icon.
How does it show up in an email, does it require audience to be on WordPress site? Does this require specific browser version?
We love it.
There is a huge gulf between those who use standard WordPress templates and the HTML Geeks who understand the content of this short presentation, and where to apply it. You do not present this in a way that a typical user can actually use. Unless you can bridge this gap, then cheerful posts like this do nothing but frustrate the majority of your users.
super excited to try this. now, with what?
I’ll try this out soon for sure! Thank you WordPress!
That is quite interesting. I look forward to trying it. :-)
Cooool :D Only question is what I should use it for… Hmm, time to brainstorm :D
This is excellent….astonishing even why didn’t we get this sooner! Thank you WordPress!
This is waayyyyyyyyyy too cool!
Really great tools for marketing online…
I think this is pretty cool. But I have to reply to the comment about the “help.” Even though I’m a pretty high level user, I find if I need help with WordPress, WordPress is the last place to get useful help. Way too high-level, conversations are often closed way before they are actually answered, way too feature-driven (versus scenario-driven), way too much assumed knowledge etc, etc.
A quick question though, will it have a button or something when creating a post? surely if it doesn’t people won’t know it’s there.
jontoney is correct .. and quite time consuming with all their links etc..
Thanks for this feature, I will be interested to try this. I have to agree with jontobey though that answers to queries are very high level, as someone who struggles to keep my website going, I find that when searching for an answer I often do not understand the instructions provided as a higherlevel of knowledge is assumed that a basic user does not have. I hate to say it, but answered need to be dumbed down for people like me. We use WordPress as it is better than other options, but it is still a,struggle.
You need a sample tutorial. The specific language used is not enough. You need to explain or show how a specific codes is used. by using only words, I am not clear on how to use the code. A visual presentation says so much more. thanks.
Is this feature available with wordpress.org?
I’m using the “forever” theme on WordPress….can I use this presentation short code on my theme? or is it only for those that are NOT using standard templates like the “forever” theme?
Would love to learn how to implement this presentation short code on my theme!
It’s a possible to remove border?
I agree 100% with jontobey! I have to look for simple, easy to understand and ask question type help outside of WP. The forums are like getting caught up in a geek shoot-out!
I was very interested in this feature, but do not understand how to make a slide. We need a step by step tutorial.
Do I need to upload a presentation at slideshare first or just putting images in a post will do? I am not able to get how to start :-(
This is awesome! Now I don’t need to upload my slide on SlideShare! I will make a post about this on my blog as soon I know how to do this! :)
Nice little feature for the WordPress.com blogs. Would be great if something of this sort is made available for the self-hosted ones as well. :)
This looks like a nice addition to WP. Some examples of blogs that gave this presentation feature a try would be welcome. I’m in the same boat as CDTobie, JonTobey and Helene Feasey. Not everyone has taken classes in web design and is at a lower level. Thanks for the new feature.
I cannot think of any direct need for presentations on my blog, considering the kind of content it hosts. However, I am pretty sure that, now that this feature is available, I am going to come up with some or the other idea which will need presentations.
Kudos to WordPress team.
And thanks for sharing this information.
Great plugin I do hope to see it for the self-hosting blogs. I did encounter a strange issue though and I haven’t scrolled throughout all the comments to see if anyone else has. When I go into full screen by either pressing the lower right button or F11 on Firefox 23.0, the entire screen gets a dark filter over it. Kind of like when a mouse-hover darkens certain gallery boxes to give the navigation arrows more contrast when the mouse is over them. I can’t seem to get rid of it in full screen mode.
Would have been nice if this post explained how to use it. At least add the short code your talking about as text to the post.
Tutorial would be super. The impression I’m getting so far, based on your explanations Cheryl, is on the blog post empty space, use of the presentation code means for a slideshow of just text oriented 5 different slides, it would be simple post of several codes, with text per slide, etc.
Any photo slideframe with pure text slides before and after the photo slide, would be typed out in the same blog post with shortcodes…
Anyway, that’s how I’m interpreting your advice so far.
hello, is there such….wordpress for dummies?
I couldn’t read the presentation, the text just scrolled off the screen too fast.
I’m on a Mac running OSX 10.5.8 with Safari 5.0.6.
I then tried in the latest version of Firefox and the presentation wouldn’t open at all.
Awesome! It works great! I only have question: Is there anyway we can set the navigation automatic?
Regards, Jotpreet Singh.
P.S. : This presentation is awesome. Thanks guys ! Will check it out
Hi, Cheri! Thanks for this presentation tool. Very cool. Put together a rudimentary slide show just to see if I could. Check it out if you get a free moment. Hope all’s well. Joe http://wp.me/9WSK
Cheri: Just noticed that while the slide show works well, showing up on the main page and on its own page, it doesn’t show on the 2011 Showcase Template page. Still, the tool is great, adding to flexibility and enhancing options. Joe
I will definitely try this later after work. WordPress, I’m getting addicted to you ;)
I love this feature, Cheri. I made a children’s story with it. It really came out great. Got some rave reviews.
I have just done in my Japanese blog.
It took me a long time to get it right. But I did it. I did a little demo to show the necessary steps. Hope this will answer some of the questions people have. Demo: http://ilovecongee.wordpress.com/2013/08/22/adventure-of-a-brownie-presentation/