The redesign of this site has been on my to-do list for some time. I finally decided to it during the 2023 Christmas and New Year’s holidays.

Though I learned about WordPress block themes and wrote about how to create them, but I didn’t use them on this website because it was powered by one of my favorite Twenty Twenty themes. Some people may think I’m a hypocrite, but one of my excuses was that I could use all the blocks on the current site, which is well maintained with the latest WordPress versions.

Redesign Version #2

The new design is based on the Twenty Twenty-Four theme’s Ember style variation, with some customization through the use of a child theme.

Below is a side-by-side comparison of the front page view of the previous version (right) and the current version (left). 

Single posts and pages

Its single post or page layout is a distraction free, one-column layout meant for text and images. 

Below is a comparative screenshot of the previous single post design (right) and the current version (left).

Things to do

Because I wanted to maintain the simplicity of the Twenty Twenty theme, I have tweaked my customization on the current version accordingly, but it’s still a work in progress.

• Add more patterns: Because creating block patterns has been simplified in recent WordPress releases, I plan to add more patterns and convert some page or post sections into patterns.
• Top Navigation: Modifying its top navigation, akin to  “The Desk” and “The Wall”  in a new More… menu items is on my to-do list on this other site, an inspiration from Sara Soueidan’s website.

Acknowledgements

Inspiration to write this post came from Chris’s redesign and Tania Racia’s Redesign post series.

Resources

• Twenty Twenty-Four | WordPress Documentation
• CSS-Tricks Redesigns | CSS-Tricks
• Tania Rascia: Redesign: Version 6.0 | Tania Rascia