MaxiBlocks Theme
Description
The designs are in Google Drive. I suggest Sasha starts making them and then list all the problems in this issue and tackle them together
Initialize Theme Structure
- [x] Create a new directory in wp-content/themes/ for your theme.
- [x] Add a style.css file with the necessary theme metadata.
- [x] Create a functions.php file.
- [x] Initialize a basic index.html block template.
Develop Basic Templates
- [x] index.html: The catch-all template that serves as a fallback.
- [x] 404.html: For displaying 404 error pages.
- [x] search.html: For displaying search results.
- [x] single.html: For displaying single posts. This can serve as a generic template for any singular content type if no specific templates are provided.
- [x] page.html: For displaying individual pages.
- [x] single-{post-type}.html: For custom post types, replace {post-type} with the name of your custom post type, e.g., single-event.html for an "event" post type.
- [x] archive.html: A generic template for displaying post archives.
- [x] archive-{post-type}.html: For custom post type archives, replace {post-type} with the name of your custom post type.
- [x] category.html: For category archives.
- [x] tag.html: For tag archives.
- [x] taxonomy-{taxonomy}.html: For custom taxonomies, replace {taxonomy} with the name of your taxonomy, e.g., taxonomy-genre.html for a "genre" taxonomy.
- [x] author.html: For displaying an author archive page.
- [x] date.html: For date-based archives (year, month, day).
- [x] comments.html: Template for displaying comments and the comment form.
- [x] header.html: Pattern for the website header.
- [x] footer.html: Pattern for the website footer.
- [x] sidebar.html: Pattern for the sidebar, if your theme has one.
- [x] Create a directory or organizational method for your patterns.
- [x] Content Patterns: Reusable designs for post content, like featured images combined with post titles, or custom layouts for displaying meta information.
- [x] Entry Header Patterns: Common designs for post headers, e.g., title combined with categories and meta.
- [x] Entry Footer Patterns: Common designs for post footers, e.g., tags, "Read More" links, or post navigation.
- [x] Front Page
- [x] Blog Home
Styling
- [ ] Set up a base style for your theme in style.css.
- [x] Enqueue additional stylesheets in functions.php, if needed.
- [x] Develop styles for Gutenberg blocks to match your theme's design.
- [x] Test styling in different browsers for compatibility.
Implement Global Styles
- [x] Create a theme.json file to define global styles.
- [ ] Configure global settings (colour palettes, typography, layout, etc.).
- [ ] Explore options for users to add custom fonts' via server upload & theme.json https://www.myfonts.com/ or other such services.
Advanced Gutenberg Features
- [x] Create and register block patterns if needed.
Theme Customization Features
- [ ] Implement add_theme_support() in functions.php for features like custom logos, color palettes, etc.
- [x] Develop Customizer options for users to modify theme appearance, if desired.
- [ ] Implement navigation menus, widget areas, etc.
Performance Optimization
- [x] Minify and concatenate CSS and JS files.
- [x] Optimize images and other assets.
- [ ] Consider implementing a caching solution
Testing
- [x] Use the Theme Check plugin to validate your theme.
- [x] Conduct manual tests: check different post formats, pages, archives, etc.
- [ ] Test with third-party Gutenberg blocks to ensure compatibility.
- [ ] Check theme with accessibility tools to ensure it's accessible.
Documentation
- [ ] Write a user guide detailing how to install and customize the theme.
- [ ] Document any custom blocks or features specific to your theme.
- [ ] Provide troubleshooting tips and common solutions.
Packaging and Distribution
- [x] Finish basic templates
- [ ] Generate translation files
- [ ] Check in the Theme Checker plugin
- [ ] Run wp unit tests https://github.com/WordPress/theme-test-data
Bug fixes
- [ ] https://github.com/maxi-blocks/maxi-blocks/issues/5232#issuecomment-2009160419
- [ ] Footer template part randomly looses styles
Design files
Nav
Design files
Home and inside pages
What I need: this info (I can copy from the plugin, just mark as "copy from the plugin"):
/* Theme Name: Twenty Twenty-Four Theme URI: https://wordpress.org/themes/twentytwentyfour/ Author: the WordPress team Author URI: https://wordpress.org Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4. Requires at least: 6.4 Tested up to: 6.4 Requires PHP: 7.0 Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyfour Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news */
A screenshot, screenshot.png, 1200x900 px
And this https://make.wordpress.org/themes/handbook/review/required/#1-licensing-copyright Also take a note of https://make.wordpress.org/themes/handbook/review/required/#6-plugins https://make.wordpress.org/themes/handbook/faq/#can-i-recommend-plugins-with-tgmpa
What I need: this info (I can copy from the plugin, just mark as "copy from the plugin"):
/* Theme Name: MaxiBlocks Theme URI: [to be added] Author: MaxiBlocks Author URI: https://maxiblocks.com/go/theme-author Description: The MaxiBlocks Theme, designed for versatility and innovation provides a wide array of templates and patterns suited for diverse website needs, including business showcases, blogs, and portfolios. The theme features style variations and full-page designs, speeding up site-building and compatibility with the latest WordPress features. Requires at least: 6.2.2 Tested up to: 6.4 Requires PHP: 8.0 Version: 1.5.0 License: GNU General Public License as published by the Free Software Foundation; either version 2 of the License or (at your option) any later version and the Mozilla Public License, Version 2.0 License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: maxiblocks Tags: fse, block-editor, responsive, business, blog, e-commerce, full-site-editing, custom-colours, patterns, headers, footers */
https://developer.wordpress.org/themes/releasing-your-theme/
Note:
- [x] Customizer with Custom css option
- [x] Local font (Roboto) - disable it when plugin is active
- [x] A prompt to install maxi plugin
- [ ] Translation-ready
- [ ] templates to be affected by SC when the plugin is active
- [x] minimize all css / js code
- [ ] test the speed / score
- [ ] Add basic templates
- [ ] Add custom templates
https://github.com/maxi-blocks/maxi-blocks/issues/4856
Request: Blog pagination
Request: Blog pagination
maybe we can hack the default one to work with ours
Request: Blog pagination
maybe we can hack the default one to work with ours
We can make the SC affect it by default, and make it look ok, but our own blogs don't really support pagination :thinking: I think we wanted to use slider for it before, maybe we can try it.
Request: Blog pagination
maybe we can hack the default one to work with ours
We can make the SC affect it by default, and make it look ok, but our own blogs don't really support pagination 🤔 I think we wanted to use slider for it before, maybe we can try it.
cool. def need it lol
Need for our templates to be affected by SC when the plugin is active Need to minimize all css / js code and of course test the speed / score
- [x] All plugin issues with tag https://github.com/maxi-blocks/maxi-blocks/issues?q=is%3Aissue+is%3Aopen+label%3A%22%F0%9F%A7%91%E2%80%8D%F0%9F%9A%92+need+for+theme+%F0%9F%A7%91%E2%80%8D%F0%9F%9A%92%22
- [x] Fix previews for patterns on WP 6.5
- [x] Try to optimize Patterns inserters and previews speed
- [x] Fix issue with SVG content from svg icon block (maybe compress the patterns code for it to be unified?)
- [x] Default Navigation menu
- [x] Add all custom patterns from the sheet
- [x] Search Results
- [x] Single post
- [x] Index (single page)
- [x] Front page
- [x] Footer from the Footer template part
- [ ] Finish basic templates
- [ ] Generate translation files
- [ ] Check in the Theme Checker plugin
- [ ] Run wp unit tests https://github.com/WordPress/theme-test-data