Introducing Footnotes, Details Block, and Writing Flow Improvements

Get the scoop on the latest batch of writing- and publishing-focused updates from WordPress.

The team at WordPress is always working to enhance your writing and publishing experience, whether adding brand-new features or fixing bugs and minor inconveniences. The latest round of updates includes a feature you’ve long been asking for, a new block, and a few improvements to the general flow and convenience of publishing. 

Let’s take a look! 

Hide content with the new Details Block 

The new Details Block features a drop-down arrow that reveals hidden information when clicked. This block provides a way to hide content that some readers might not want or need to see — detailed event information, fine print notices, methodology or research notes, spoilers for books and movies, even the punchline to a joke. It’s basically a way for readers to opt-in to viewing some bit of content. 

Image of the new Details Block, showing a joke with the punchline formatted as a dropdown option.

We’ve been using the Details Block internally at WordPress.com for ages, and we’re excited that it’s now been brought outside our digital office walls. 

Source your work or add context with footnotes

You’ve been asking for footnotes, and we’re glad to let you know that this feature is now available in the editor! 

To add a footnote: 

  1. Click the small “More” arrow in the action bar that appears while editing a post/page, just to the right of the link icon.
  2. Select “Footnote” at the top. 
  3. From there, your cursor will automatically move to the footnote for you to add a reference or comment. 

Improve your writing flow with these small changes 

In addition to the new Details Block and Footnotes function, we’ve made a few small improvements to the overall writing flow that will make your writing and editing a bit smoother. 

“View post” button added 

New "View Post" button added to top toolbar of the WordPress Gutenberg editor.

It used to take multiple clicks from the editor to view published posts or pages. This inconvenience has been remedied with a new button at the top of the editor. When you click it you’ll be taken to the published post/page in a new tab. 

“Switch to draft” button moved 

"Switch to draft" button shown next to the "Move to trash" button on the right sidebar of the WordPress Gutenberg editor.

This button has been placed next to the “Move to trash” button on the right sidebar. When you click “Switch to draft,” a confirmation box will appear asking you if you’re sure about un-publishing the post/page. 

“Preview” button enhanced 

The preview button has been streamlined and enhanced so that the icon displayed matches the device you’re previewing. “Desktop” mode, the default, displays a laptop icon while “Tablet” and “Mobile” display those respective devices. 

Are there other features that would your writing, editing, and publishing experience even better? Let us know in the comments!


Missing out on the latest WordPress.com developments? Enter your email below to receive future announcements direct to your inbox. An email confirmation will be sent before you will start receiving notifications—please check your spam folder if you don't receive this.

Join 110.3M other subscribers

45 Comments

Comments are closed.

  1. L. Jeffrey Zeldman

    Bravo! These are wonderful improvements to WP. I’m already getting ideas about how I’ll use details and footnotes. Thanks for your dedication, hard work, and creativity!

    Liked by 11 people

  2. Mike Bunch

    Thanks for making WordPress even better! Do you have any tips for using the AIOSE plugin? I feel kind of lost when I am trying to come up with ways to link to search engines there.

    Liked by 5 people

  3. Jkund

    There needs to be easier method to add / editing sidebars on themes in the new site editor. There’s way too many steps to get such a simple thing added.

    Liked by 10 people

  4. Kajal

    This sounds interesting and looks so pleasing!
    I’m glad for these additions, otherwise icons look a little confusing on different devices.

    Liked by 5 people

  5. Denzil

    One other change is that it’s more time-consuming to add a link that opens up in a new tab. I have to add the link and then reopen it to go into advanced options to see the open in new tab option, and then I have to click again.

    Liked by 5 people

  6. greggvwnf

    Hooray! I’m looking forward to putting the Details Block to good use.

    Liked by 3 people

  7. Coni Ferland

    Make it easier to include poetry – with the current block setup, every time I hit enter I get a new block and so I cannot control the spacing between lines. Because of this, I limit what I post on my blog…

    Liked by 4 people

  8. Rochelle | Adventuresfromelle

    I’d love to have a floating menu/ header for premium and personal plans. If this feature already exists, please enlighten me! 🙏🏾

    Liked by 3 people

    • Adam Leone

      Hey there, it may be possible on the WordPress.com Premium plan, with the addition of custom CSS – please reach out to us here. so that we can discuss your options.

      Liked by 3 people

    • Adam Leone

      Hey there! I wanted to get back in touch following something I learned recently – it’s possible to make Group blocks, including the variations (Stack and Row) sticky aka you can make it floating. This option can be found under the Position settings as seen here. This guide here, also explains how to create a sticky header or banner, which will accomplish the floating menu/header you want. This is possible on all plans, using a block theme. I hope this new information is useful!

      Liked by 2 people

  9. offobi

    I am very new to blogging and also a new member of WordPress.com community. But iam learning very fast,especially from all MR JEREMY ANDERBERG great contents for past one month now.
    Iam very happy with the introduction of ” WordPress A1 -for typing and English correction.Which means I will no more depend on grammerly keyboard and English correction software.
    Then these new introductions mentioned today like the following;-
    (a) The block content software that is used selectively is very okey.
    (b) The write and Edith your English software, will help me in my grammerly and vocabulary flow.
    (,c) This footnote for refrence.heips to show our source of raw data we used in our writing. This will make our written post contenr more matured and acceptable to eye of would be critics.
    All these adds to the beautifulll flow a Nd cohesiveness of our work .
    Thanks to all the engineers and the software developers at WordPress.com.

    Liked by 3 people

  10. kaysdad

    I don’t see any of these updates in my posts with the latest version of WP. Do I need to do anything? Thank you

    Liked by 2 people

  11. Michael Cavacini

    Please make it easier to create “open new tab” links. Right now, it requires three or four clicks on a laptop/desktop, and it’s a painfully slow experience.

    Liked by 3 people

  12. Dan Knauss

    There’s existing wp.com documentation on building footnotes manually with the post editor, and Jetpack has supported Markdown-based comments. Does the new method ignore footnotes created in these other ways?

    Liked by 4 people

  13. David Thrift

    Great additions to the user interface. I wonder though, do any of these changes have anything to do with why when I edit a post and click on the “view Post” link that pops up in the lower left of the screen, I am shown the post (or page – whichever the case may be that I was editing), but the url in the browser remains on the edit url and doesn’t show the actual page or post url. From there, if I browse around the site, the url still remains on the edit url in WordPress that I had finished editing. What is going on with that?

    Liked by 3 people

  14. Muhammad Farooq

    These are really great features that have been added to the editor.

    Liked by 4 people

  15. wsvp

    Hey WordPress gurus!

    I’m finally retired, and after decades of multiple jobs, overtime, working holidays and being on call, have some time for other things.

    I visited my WordPress site today, (well, tried to) only to discover it didn’t exist anymore!! What happened? Do they just disappear sometimes? I had a lot of stuff there I would have preferred to keep, and that was the only place it existed.

    It was warpspeedvideo.wordpress.com

    If you can’t answer this question, please direct me to the people there who can. Super frustrated, finally retired guy.

    Thanks,

    Ashley Henderson

    >

    Liked by 2 people

    • Adam Leone

      Hey there, it looks like warpspeedvideo.wordpress.com is a site that’s up and running, so I suspect there may be a mix up with accounts being logged into. Reach out to us here, and we can look to retrace some steps.

      Liked by 4 people

  16. Manoj Mehra

    What is WordPress doing for stopping plagiarism so that people’s content doesn’t get stolen by others?

    Liked by 4 people

  17. Jungle net

    Nice

    Liked by 2 people

  18. steve sunguti muyonga

    Good work. Keep up.

    Liked by 2 people

  19. Abdulsuccy

    I’m a new WordPress fan and I’m loving it. I hope to get the best of it

    Liked by 2 people

  20. Hannah

    Nice!

    Liked by 2 people

  21. admin51586d286d

    Thank you for your kind improvement to WordPress. This sure makes writing easier!

    Liked by 3 people

  22. MD AMRAN

    Wow

    Liked by 3 people

  23. whimsicalwanderingsofGrinningGranny

    Can’t wait to try these out. Good job!

    Liked by 4 people

  24. coralmar1952

    Too bad the new Details block can only be used in the paragraph block and cannot be found in the classic block. That would increase the possibilities even more!

    Liked by 3 people

  25. indsartgallery

    I love wordpress. Thanks for sharing the information!

    Liked by 3 people

  26. Kacper Borucki

    I’ve added some footnotes to my article and all these footnotes just disappeared after a day or two. Wasted 2 hours on adding them and now when I want to publish the post it’s not complete. What happens?

    Liked by 2 people

  27. Life's Mosaic Musing

    These are quite helpful improvements. Thanks.

    Liked by 3 people

  28. Tomcyberghost

    How can I create or build my website

    Liked by 3 people

  29. ChasPot

    Some nice improvements! I especially like the Details block.

    Liked by 2 people

  30. claudiajustsaying

    | | | |

    | | | Dear Jeremy.       Thank you for the updates. You asked for feedback about the changes; this feedback is about the written explanation, not the actual changes         I struggled to understand the change to the preview icon and have rewritten what I believe was said. I thought the explanation to be wordy and redundant.

    Thepreview button now matches the device you are previewing. Desktop is thedefault. Icons to change to other devices, i.e. tablet or mobile, are displayed. Please let me know if this is accurate. Thank you, Claudia Chianese

                                                    ….Just Saying

    |

    | | | |

    |

    | | | | Yahoo Mail Stationery |

    |

    Like

  31. tajirkamal

    Thenky you

    Like

  32. Srinivasa Chaitanya

    Hi there

    The Details block is good.

    is there a way to add Heading to the details block Summary? There are options to add headings to the hidden content.

    It will be nice if we can add a heading in the summary and show content in a hidden block.

    Thank you.

    Liked by 3 people

    • Jerry B

      It is possible to add any standard block inside of the Details Block but there is no way to add blocks to the public Summary section, which is a setting of the Details Block itself and not an empty container for more blocks.

      However, one option you could consider is to access the style options for the Details Block, and style the summary text so it has similar size and appearance to a heading. Just look for the styles icon on the right (when you have clicked on the Details Block) as shown here:

      Screenshot of the WordPress block editor, showing text formatting settings for the details block

      Hope that helps. Please let us know if you have any more questions.

      Liked by 2 people

Create your new blog or website for free

Get Started