Tìtsyul Amip Twenty Twenty-Five is the next iteration of the 1A23 Studio theme. Similar to the previous iteration, E. R. @ Tìtsyul Amip, it still runs on WordPress. However, this time, since WordPress (Gutenberg) Site Editor is now relatively established, I decided to base off the new theme from the current default WordPress theme, Twenty Twenty-Five, hence the name.
Challenges
Despite the Site Editor gives you an almost WYSIWYG experience, with a wide range of established blocks ready to use, the downside is that those blocks are not as flexible as traditional WordPress architecture. Much less hooks and filters are made available in the built-in blocks making it harder to extend upon. With that, I had to rewrite (or rather copy-and-paste from Gutenberg) various built-in blocks for extensions. These are:
- Reusable header and footer patterns background that recognizes the custom post types of the current page, based on the Group block.
- Buttons and Button blocks with Iconify icon support and custom active page detection to serve as an alternative to the Navigation block.
- Page Number block to render the current page number, based on the Pagination Pages block.
- Next Page and Previous Page buttons with added icon, based on the built-in blocks with the same name.
- Links list to show links field of custom post types.
- Lyricova Quotes to render a random verse from Lyricova that has been in the site footer since forever ago.
- Major-Minor Conditional Block and Landscape-Portrait Conditional Block to render a set of children blocks based on the Is Minor field of custom post types and the aspect ratio of the post’s featured image.
These blocks are packed as a plugin to be used together with the theme.
On top of that are CSS styles for everything that is not covered by Gutenberg’s style editor (which is quite a lot).
