Blocks

Blocks »Story Block

The Story block allows you to combine photos and videos to create an engaging, tappable full-screen slideshow on your site’s posts and pages. Stories published on your site won’t disappear after 24 hours and you can edit or add to stories after they are published. 

The Stories feature is available in the WordPress app for Android and iOS for all WordPress.com sites using the Block editor and self-hosted Jetpack sites. The Story block will be available in the Block editor on WordPress.com later this year.

Table of Contents

About Stories on WordPress

On WordPress, Stories appear as a block in a blog post. The Story block displays a preview of the Story content where the first slide is the cover image.

A Story Preview

When a visitor to your site clicks on the Story preview, the Story autoplays in a full-screen view. Visitors can reply to your Story by commenting on or liking the post.

A Story viewed fullscreen

Stories on WordPress are different from stories on other platforms in a few ways. 

  • Posts with Stories won’t disappear after 24 hours. 
  • The Story content can be added to and edited after publishing. 
  • Anyone visiting your site can view the Story. 
  • You can share your Story on any platform using the post permalink.

↑ Table of Contents ↑

How to Use Stories on Your Site

Stories are great for:

  • Step-by-step guides and tutorials
  • Recipes
  • Showcasing progress on your DIY and art projects
  • Travel journals 
  • And more

↑ Table of Contents ↑

Creating a Story in the WordPress App

First, if you don’t already have the free WordPress app, download it from the Google Play Store or Apple App Store and sign in with your WordPress.com account. 

Create a new Story post

From the app’s home screen, tap the floating pink button above the tab bar. Then select “Story post” from the menu. 

Tap the pink floating button to access the "Add new" menu.
Tap the pink floating button to access the “Add new” menu.
Select the "Story post" option from the Add new menu.
Select the “Story post” option from the Add new menu

Select media to add

On Android devices, tap the pink camera button to take a photo or choose photos and videos to add to your Story from your device files or your site’s Media Library. Then tap the check icon to confirm your selection.

Tap the camera button to take a photo or the WordPress icon to access your Media Library.
Tap the camera button to take a photo or the WordPress icon to access your Media Library.
Tap the checkmark icon to add the media to your Story.
Tap the checkmark icon to add the media to your Story.
Edit and preview your Story.
Edit and preview your Story.

On iOS devices, take a photo or tap the thumbnail icon to select an image from your device or site’s Media Library. Then tap Add to confirm your selection.

On iOS, tap the circle to take a photo or tap and hold to record a video. Tap the thumbnail icon to select photos and videos from your library.
Tap the circle to take a photo or tap and hold to record a video. Tap the thumbnail icon to select photos and videos from your library.
After selecting media, tap the Add button to add the media to your Story.
After selecting media, tap the Add button to add the media to your Story.
Edit and preview your Story.
Edit and preview your Story.

Now you’re ready to edit, customize, and preview your Story. 

Customize Your Story with a Text Overlay

To add a text overlay to your Story slide, tap the “A” button. After typing out the text, you can customize the text style, color, alignment, and size. When you’re done customizing, tap the checkmark button to apply the text to the slide.

Tap the "A" button to add a text overlay.
Tap the “A” button to add a text overlay.
Customize the alignment, style, color, and size of your text.
Customize the alignment, style, color, and size of your text.

Tap the check icon to apply you text changes.
Tap the check icon to apply you text changes.

Pinch, zoom, and drag the text overlay to where you want it to appear. To delete the text overlay, long press on it until the trash icon appears. Then drag it to the trash icon.

How to resize and delete text.

Adding, Reordering and Deleting Slides

Tap the the thumbnail with the plus icon and select the photos and videos to add more slides to your Story.

How to add slides to your Story

To change the order of the slides, press and hold on a thumbnail and drag it until it reaches the right position.

How to reorder slides

To delete a slide on Android devices, press and hold on the slide you want to delete. A trash icon will appear on the screen. Tapping on the trash button will display confirmation to delete the slide.

How to delete slides

To delete a slide on iOS, press and hold on the slide you want to delete and drag it towards the center of the screen. A trash icon will appear and dragging the slide to it will delete the slide.

How to delete slides on iOS

Publish Your Story

When you’re ready to publish your Story, tap the arrow button at the top of the screen. Give your Story post a title, then publish the post or schedule the post to publish at a later date and time. 

Tap the arrow button when you're ready to publish your Story.
Tap the arrow button when you’re ready to publish your Story.
Give your Story a title then publish it.
Give your Story a title then publish it.

↑ Table of Contents ↑

Creating a Story from the Block Editor on the Web

The ability to add a Story block from the Block editor on the web will be available in early 2021. 

↑ Table of Contents ↑

Editing a Story

A Story block on WordPress can be edited and updated after publishing. You can add to your Story by selecting new photos and videos to include. And Story slides can be reordered or deleted.

In the WordPress mobile apps, if you are editing a Story block using the same device the Story was originally created with, you’ll be able to edit and reposition text in the Story.

To edit a Story in the WordPress apps:

  1. Go to My Site → Posts (or Pages).
  2. Open the post or page with the Story you want to edit.
  3. Tap the paintbrush icon at the top of the Story preview.
  4. Make edits to your Story.
  5. Tap the check mark icon to save your changes and return to the post or page.
  6. Tap Update to publish the updated post to your site.
Tap the paintbrush icon at the top of the Story preview to edit the Story.
Tap the paintbrush icon at the top of the Story preview to edit the Story.
Tap the check mark icon to save your changes and return to the post.
Tap the check mark icon to save your changes and return to the post.
Tap "Update" to publish the updated post to your site.
Tap “Update” to publish the updated post to your site.

Not quite what you're looking for?

Get Help