Todo List Block

Description

Editor-friendly blocks

While diving into this project I’ve explored a few areas where I can improve my personal publishing flow. The first was bringing editor comments into Gutenberg with my Markdown Comment block, and this Todo List block.

Todo List is a simple, editor-only block designed to quickly add tasks directly within the editor.

Todo List makes it easy to keep track of those tasks, all in the context of a particular post. You may also use it to add a publishing checklist to the post, such as using a headline analyzer, adding featured images, adding social images, etc.

Transforms

I’m a huge fan of blocks transforms and how they improve the WordPress publishing experience. Being able to morph a block into another, without loosing content/attributes, is a powerful way to level-up editing.

That saying, you may transform paragraph text, list items and even editorial comments added by Markdown Comment directly into actionable todos, just like you can in the iOS Notes app for example. You may even take multiple blocks of the sort and convert them all into a single todo list.

Todo List also supports block prefixes, which are keyboard shortcuts in a sense, to toss blocks in the editor with a few keystrokes. Adding [], or -[] plus the space key will add a Todo List to the page.

Screenshots

Blocks

This plugin provides 1 block.

• Todo List Add a todo list that does not render on the front-end.

Installation

1. Upload the todo-list-block folder to your /wp-content/plugins/ directory or alternatively upload the todo-list-block.zip file via the plugin page of WordPress by clicking ‘Add New’ and selecting the zip from your local computer.
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. Search for the block within the Gutenberg block editor.

FAQ

Can the Todo List block be used with my theme?

Yes! If you’re using Gutenberg (i.e. the block editor) on your site, you should have no issues with the block. It’s relatively simple to modify the CSS variables to tweak the comment styling if you’d like — learn more here.

Where can I send feedback or ideas?

Please reach out via the official plugin support forum.

Who’s Rich Tabor?

As a WordPress entrepreneur, designer and developer all wrapped up in one, @richard_tabor is recognized as one of the top leaders in this post-Gutenberg era of WordPress. His design chops have topped the 2018 Automattic Design Awards and led him to found CoBlocks – a top-notch set of page builder blocks and tools for Gutenberg, ThemeBeans – a premier WordPress theme shop and Iceberg – a markdown editor for Gutenberg.

Reviews

Using it Loving it

Lightend July 15, 2022

A purpose built block for efficient work flow

Good Start.

nick6352683 September 14, 2021

It works as advertised, I just wish there were some more features such as: – Font size & font color options (per list item). – Option to also display on the front end. – Option to indent each list item, so we can have “category” items. This (maybe) would not be necessary if we had the choice to change the font color and size per list item. On the other hand, this plugin as it is, is still very useful, and the zip file is only 16kb, so adding things in and multiplying the file size by a a lot, may be it won’t be worth it. Nevertheless, I am sticking to my 5 star rating for this.

Contributors & Developers

Changelog

1.0.1

• Add back the default color.
• Ensure only todo items can exist within the todo list block.

1.0.0

• Simplify block styles to lean on theme.

0.1.4

• Add block.json to registerBlockType
• Add block title to register function

0.1.3

• WordPress 5.9 support

0.1.2

• Update readme

0.1.0

• Initial release