L’équipe de wpmu Dev est également celle de campuspress, qui offre des services d’hébergement et WordPress aux écoles et aux universités. Hier, nous avons dévoilé notre dernier produit, un thème WordPress flexible et facile à utiliser pour les écoles et l’éducation. Crsquoest le premier thème créé par notre équipe qui intègre vraiment tout ce que lrsquoéditeur de blocs Gutenberg offre, comme les blocs réutilisables, les styles drsquoéditeur, les groupes de contenu et les personnalisations de blocs prédéfinies. Pas besoin de sucre supplémentaire, ce nrsquoest pas aussi rapide ou facile que nous lrsquoespérions. Mais le résultat final en valait la peine. Nous aimerions partager certaines des raisons et des méthodes que nous avons créées ici. Il devrait être utile à quiconque choisit, conçoit ou développe de nouveaux thèmes WordPress dans le futur.
Un peu de contexte Nous travaillons avec des dizaines de milliers drsquoécoles et de collèges dans le monde entier. Des blogs étudiants et des dossiers électroniques aux sites drsquoinformation en passant par les principaux sites Web des grandes universités. Voir le Bulletin. HDS. Harvard. Edu et charlestons outhern. Edu nrsquoest que deux exemples. Tous les sites Web nrsquoont pas besoin (ou ne peuvent pas se permettre) de concevoir et de développer des projets personnalisés. Mais nos clients ont trois exigences principales, qui sont souvent concurrentes: nrsquoimporte qui peut facilement publier, éditer et créer du contenu, dépasser tous les critères drsquoaccessibilité et se conformer aux critères de la marque tels que la marque, la couleur, la police, etc. Il est très facile de créer ou de trouver des sujets qui répondent à lrsquoun ou lrsquoautre ou aux deux besoins, mais il est plus difficile de srsquoassurer que les trois sont satisfaits. Bien que nous ayons encore du travail à faire (nous en discuterons plus en détail ci dessous), nous sommes certainement satisfaits des résultats.
Avant de commencer le développement, nous avons choisi notre pile de développement, et nous avons passé beaucoup de temps à décider des fonctionnalités spécifiques à inclure, puis à examiner les différents cadres et outils disponibles pour la construction.
Je suis très excité par le nouveau crochet dans WordPress 5.4, qui nous permettra d’ajouter des options d’icônes personnalisées aux menus du Programme personnalisé. À partir de maintenant, si lrsquoutilisateur veut gérer les icônes, nous forcerons lrsquoutilisateur à aller à lrsquoapparence gt menu, bien qursquoil puisse faire drsquoautres choses directement en utilisant le menu dans le Programme personnalisé. Cette nouvelle fonctionnalité WordPress de base sera une grande victoire en termes de convivialité.
Travailler sur ce sujet est également la première expérience importante de nombreux membres de notre équipe avec lrsquoéditeur de blocs Gutenberg. Nous avons été obsédés par des fonctionnalités peu connues que nous avons également améliorées par des thèmes. Blocs réutilisables Les blocs réutilisables sont utiles pour tout bloc ou contenu répété plusieurs fois sur le site. Vous pouvez le mettre à jour une fois et ces changements srsquoappliqueront à nrsquoimporte quel endroit du site où le bloc apparaît. Pour notre thème, une fois que nous avons créé un bloc réutilisable, nous utilisons les filtres du noyau wordpress pour afficher un nouveau bloc réutilisable d’élément de menu principal dans le tableau de bord WordPress.
Nos clients utilisent des blocs réutilisables pour diverses raisons, y compris le contenu des pieds de page, la création de « menus surdimensionnés » et des alertes importantes sur plusieurs pages. Groupe de contenu Lrsquoutilisation de groupes de contenu dans lrsquoéditeur de bloc est la vraie raison de la création de page complète. Vous pouvez facilement créer des lignes ou des blocs combinés et sélectionner des couleurs de fond séparées pour le Groupe afin qursquoil ait une apparence séparée et plus personnalisée. Style de lrsquoéditeur lrsquoune des caractéristiques les plus populaires de Gutenberg est que lrsquoauteur du sujet permet à lrsquoéditeur drsquoarrière plan drsquoafficher le contenu dans le même style que lrsquoéditeur drsquoavant plan. La vraie expérience
Ndo, les caractères et les boutons qui apparaissent exactement de la même façon lors de lrsquoédition que lors de la visualisation du site en direct.
Cependant, pour toute personne qui développe un sujet, nous avons constaté que nous devons essentiellement appliquer deux styles parce que le HTML dans lrsquoéditeur est différent du Front End. Cela signifie également que nous devons continuer à éditer et à modifier le sujet deux fois au cours du processus de développement, tout en améliorant le sujet. Cela a conduit à une bataille continue. Nous nous attendons à ce que la documentation et la mise en oeuvre des styles drsquoéditeur continuent de srsquoaméliorer au fur et à mesure que davantage drsquoauteurs de sujets en bénéficieront. Conception de lrsquoaccessibilité lrsquoune des caractéristiques sur lesquelles nous avons passé beaucoup de temps à travailler est de donner à lrsquoutilisateur la flexibilité de choisir une couleur, mais drsquoimposer un contraste accessible entre le texte et la couleur de fond.
Voici un exemple de la façon dont cela fonctionne: lorsque la couleur de fond change, nous changeons la couleur du texte. Nous utilisons également les couleurs sélectionnées pour fournir des couleurs drsquoaccent supplémentaires qui peuvent être utilisées dans les paramètres de bloc pour lrsquoarrière plan, les boutons, les guillemets, etc. Bien que la plupart des outils drsquoaccessibilité soient davantage axés sur la détection des problèmes drsquoaccessibilité, notre objectif est de prévenir davantage les problèmes avant qursquoils ne se produisent. Nous savons que lrsquoaccessibilité est un continuum qui, dans un sens, peut toujours être amélioré. Par conséquent, nous continuerons de nous fier aux options de conception accessibles dans le thème du produit.
Quelles sont les prochaines étapes de notre thème? Nous avons créé ce thème pour être le parent de tous les futurs projets de thème personnalisés. Nous continuerons drsquoajouter de nouveaux blocs personnalisés et lrsquointégration avec les plug ins populaires utilisés par nos clients. Nous travaillons également à la création de blocs réutilisables qui peuvent être partagés entre les sites drsquoun réseau Multi sites. Nous faisons encore quelques tests dans le monde réel
Espérons que nous finirons aussi par soumettre une demande à WordPress. Organisation. En même temps, si savez qursquoune école a besoin drsquoun site Web et que souhaitez utiliser ce sujet, envoyez le nous!)
Avez des traits Gutenberg préférés? Ou un outil ou un cadre de référence pour un sujet que nous avons omis? Faites nous savoir! Tag: ready for Accessibility campupress school training Gutenberg
Ce que nous avons appris en construisant un thème accessible et convivial pour Gutenberg
