Unlock the Secret Tool That Transforms Anyone into a WordPress Block Developer Overnight!

Unlock the Secret Tool That Transforms Anyone into a WordPress Block Developer Overnight!
Version 1 of the Ingredient List block being previewed on the Frontend within Telex.

I generally prefer a block to inherit my theme’s styles. I also wanted checked ingredients to show a strikethrough, and I wanted ingredient quantities formatted as whole numbers or fractions where possible. Finally, to add a bit of excitement, when the reader checks off all items, perhaps there’s a confetti animation.

I handled each change with multiple short follow-up prompts:

Let’s simplify the styling so this ingredient list inherits the current theme styles.

On the front end, when a reader checks an ingredient, also apply a strikethrough.

Convert ingredient quantities to whole numbers or fractions on the frontend where possible. No decimals, please.

For fun, when a reader checks off all the items on the ingredients list, shower the screen with a confetti animation.

I recommend giving Telex one task at a time in your follow-up prompts. After four iterations, one for each of the tasks above, my Ingredient List block looked like this: 

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14

WIN $500 OF SHOPPING!

    This will close in 0 seconds