What you learned when building an accessible Gutenberg affinity theme

Wpmu dev’s team is the same team as capuspress. They provide hosting and word press services for schools and universities. Yesterday, we launched a flexible and accessible word press theme for schools and Education – the latest product. This is the first theme created by our team. It truly integrates everything Gutenberg block editor must provide, such as reusable blocks, editor styles, content groups, and default block customization. Sugar coating has no effect. This is not the fast or easy project we expected. But the end result is worth it. We thought we could share the reasons and methods of our creation here. This is useful for anyone who chooses, designs, or develops new WordPress Themes in the future. The
Some of the stories behind it we are working with tens of thousands of schools and universities around the world. It includes student blogs, eportfolios, news websites, and the main websites of large universities. Two examples are announcements. Hds Harvard Edu and South Charleston. See edu. Not all sites need custom design and development, and not all sites have room. But our customers often have three main competitive requirements. Anyone can easily publish, edit, and create content and follow brand instructions such as logo, color, font, etc. It’s easy to create or find topics that meet one or both of these requirements, but make sure all three are the next step. Although there is work to be done (see details below), I am satisfied with the results. The
Select the development stack before starting development, we spent a lot of time identifying the specific features to include, and then looked at the various frameworks and tools to build. There is no reason to start from scratch. Our focus is to find the best tools and frameworks available to help achieve the goals of accessibility, performance, and user friendliness. As a basis, we decided on the \
We also learned that we would like to rely on word press customization programs for various theme options and settings. We fell in love with the kirki framework and took advantage of many of the controls it provided. Our theme uses CSS variables to make development easier and faster (JavaScript is used less to improve performance). Running on IE 11 requires special scripts (used by many customers). Not all functions can be used on IE 11. For font options, we started by creating many free Google fonts that can be used in custom tools. However, since we need to load all the deformations and styles that may be difficult to load (bold, italic, etc.), we decided not to include any Google fonts, but only add free variable fonts. Modern fonts have enough deformation to provide an excellent choice for end users. The
Finally, the customer lOOO icon of our school. Iconmoon makes it easy for you to choose from free icons (but I don’t want to include too many in order to slow down the site or not overwhelm users). As a result, you can easily add and customize icons for menus and content blocks. From this point of view, WordPress 5 allows us to add custom icon options to the menus of custom programs.

Author:

Leave a Reply

Your email address will not be published. Required fields are marked *