Create Todo and Checklists in the WordPress Editor With New Plugin

Todo lists. Checklists. While there are differences in their purposes, their output is essentially the same. They are lists of items with boxes to tick off, and a plugin like David Towoju’s Todo Block allows users to create them.

Todo Block

I first downloaded and installed the plugin two weeks ago, but it had a problem. It did not seem to add any blocks at all. This was likely some mistake with porting the plugin over from its development repository. I have been testing it since its update a few days ago and like where it is headed.

Technically, the plugin has two blocks. One exists for the outer list container and the other for the inner list items.

Adding a todo list.

It works similarly to the standard List block. Once users insert the Todo block into the post, they can add tasks. Hitting the Enter key creates a new item.

Users can customize the typography and colors for individual Todo Item blocks. The latter is a welcome option for people who categorize items or tasks by color.

Color coding items by category.

However, there are no such options on the outer Todo List block. More often than not, users might want to customize everything at once.

Each item can also be set to “Read Only” or “Disabled.” Since this plugin does not send data through a form on the front end, the differences between the two are subtle. Site visitors cannot check a read-only field, but they can focus on them via mouse or keyboard. They can do neither for disabled items.

If it seems like I was touting a similar plugin not that long ago, it is because I was. In July 2021, Rich Tabor released the Todo List Block plugin. The primary difference between them is that Tabor’s is an editor-only plugin. He built the block as a tool for his publishing flow.

There is also a checklist block feature request in the Gutenberg repository. However, there has been no indication of work on it since 2019. Matias Ventura shared a concept via video in April of that year. Ella van Durpe followed up with a pull request in October. Since then, only a few people have commented. The concept may be too niche to ever land in WordPress, despite my desire for it.

One of the reasons I want to see such a block in core WordPress is because it would be handy for various patterns. I have already built several for recipe and food bloggers, and I used the Todo Block plugin to test the concept.

Recipe ingredients list using the Todo Block plugin.

There are two features really missing in the plugin. The first is a element wrapping the checkbox and text. Adding this would allow checking the box on the front end by clicking the text or the checkbox itself.

The second is crossing out each item as it is checked. Some systems also gray out tasks as they are finished. A “task complete” indicator is a relatively standard feature for todo list apps.

Other than that, Todo Block is a plugin that I could see myself using for some projects. At the very least, I could handle the crossed-out style through my theme’s stylesheet.

A question to our readers: I am trying something different with this post. Some of you may have noticed the plugin embed/card at the top. Would you like to see similar treatments for plugins or themes in the future? Does it get in the way of the article or feel too promotional? Alternatively, I considered putting this at the bottom under a “Plugins Mentioned in This Post” section.

Category: News, Opinion, Plugins

Tags: Reviews
Share this:Click to email this to a friend (Opens in new window)Click to share on Facebook (Opens in new window)Click to share on Twitter (Opens in new window)Click to share on Telegram (Opens in new window)Click to share on WhatsApp (Opens in new window)Click to share on Pocket (Opens in new window)Click to share on Reddit (Opens in new window)Like thisLike Loading…



Leave a Comment

Your email address will not be published.

Table of Contents

On Key

Related Posts

Best Google Maps Plugins for WordPress

Before we start looking at any plugins, it’s good to review the way Google Maps work. There are several components in the Google Maps API family, all of which can be found on the Google Maps API Family page. When working with WordPress, we are mainly interested in two of these APIs: Static Maps APIMaps

How to Get a Custom Field Value via Shortcode

Sometimes we want to make it easy for site administrators to include the value of a custom field (maybe created as part of a custom meta box) into a post. An ideal solution to this challenge is to use shortcodes. You can either do this through these two plugins: Get Custom Field Values Custom Fields

Best Auto Translation Plugins for WordPress

Having the content of your website available in different languages can mean a much bigger audience for you. A very simple way to do this is to provide automatic translators, they’re not the same as manually translating all your content, but do a pretty good job. It’s better to have an automatic translation plugin than

Best WordPress Multilanguage Plugins

The two main contenders as best multilanguage plugins for WordPress are WPML and QTranslate. If you want a quick answer to which one comes out on top, I would say go for WPML. If you have enough time to give them a test drive, by all means, do so and judge for yourself which one