Il est temps pour les auteurs de thèmes WordPress d'intensifier leur jeu de modèles de blocs

Publié: 2021-05-05

En parcourant ma routine cette semaine, j'ai parcouru les dernières versions de thèmes WordPress et trouvé un nouveau projet prenant en charge l'éditeur de blocs. Il a même expédié quelques modèles personnalisés. Bien que le design n'ait rien d'extraordinaire, c'était un thème solide dans l'ensemble. Cependant, après avoir passé la majeure partie de la journée à écrire à ce sujet, je ne pensais pas pouvoir avancer dans l'histoire. Quelque chose me dérangeait.

C'était la même chose que j'ai ressentie avec plusieurs autres ces derniers temps. Il y avait trop d'occasions manquées. Le thème avait le fondement, le potentiel sous-jacent, d'être plus que ce qu'il était.

Le thème avait une version commerciale "pro" que les utilisateurs pouvaient acheter. Cependant, presque toutes les fonctionnalités professionnelles s'appuyaient sur des tactiques à l'ancienne consistant à vendre des options de thème supplémentaires. La seule exception était une fonctionnalité liée aux blocs qui sera gratuite dans le cadre du composant Global Styles susceptible d'être livrée avec WordPress plus tard cette année.

Où étaient les styles de blocs personnalisés ? Où un utilisateur pourrait-il trouver des modèles uniques ? Les menus de navigation supplémentaires, les barres latérales, les paramètres de couleur et les options de typographie deviennent de moins en moins une valeur ajoutée pour les utilisateurs finaux. C'est probablement de l'argent sûr en ce moment, et je peux comprendre le confort de ne pas prendre trop de risques.

Les auteurs de thèmes doivent commencer à changer de vitesse. Les ventes incitatives doivent prendre la forme de fonctionnalités qui ne seront pas disponibles sur WordPress. À l'heure actuelle, cela signifie créer des modèles et des styles de blocs uniques.

Explorer des idées de motifs

Au cours du dernier mois, j'ai bricolé avec des modèles personnalisés. Alors que j'étais dans le domaine de la conception et du développement pendant plus d'une décennie, ce que j'ai pu accomplir avec l'éditeur de blocs seul - sans utiliser de code personnalisé - et un thème prêt à l'emploi pour les blocs ne fait qu'effleurer la surface. Nous avons de bien meilleurs talents dans la communauté WordPress, et je veux voir leur talent artistique se déchaîner.

Tout a commencé avec le podcast WP Tavern Jukebox – vous devriez consulter les épisodes n°1 et n°2 si vous ne les avez pas déjà entendus. Nathan Wrigley, le nouvel hôte, m'a suffisamment poussé à remettre mon cap de conception et de développement pour implémenter certaines fonctionnalités dont il avait besoin. Au fil des ans, je n'ai pas beaucoup travaillé avec le podcasting ou tout autre type d'audio. C'était un nouveau territoire pour moi. En fin de compte, le podcast m'a inspiré à réfléchir aux modèles audio.

Qu'est-ce qui est possible avec l'éditeur de WordPress aujourd'hui ?

J'ai parcouru le Web à la recherche de différentes mises en page, à la recherche de présentations audio modernes. De nombreux concepts étaient impossibles à mettre en œuvre par un utilisateur final à partir du seul éditeur. Ils auraient besoin de styles de blocs personnalisés étendus à partir des thèmes eux-mêmes. Et, il y avait plusieurs conceptions que je ne pensais tout simplement pas pouvoir faire du tout, mais celles-ci avaient généralement des éléments de territoire de plugin.

Cependant, j'ai trouvé des idées avec lesquelles je pouvais courir et faire les miennes. J'ai commencé avec un simple fichier audio de la bande originale de The Martian - j'avais revu le film la nuit précédente et j'étais sur un coup de pied de David Bowie.

Modèle de bloc avec vignette à gauche et informations, intégration audio et icônes sociales à droite.
Modèle audio unique de la bande-son.

C'était simple. Ajoutez simplement des blocs Groupe, Colonnes, Image, Paragraphe, Titre, Audio et Icônes sociales. J'étais satisfait du résultat et certains de mes abonnés Twitter ont répondu positivement.

Inspiré par le support, j'ai créé une mise en page alternative. C'était encore plus simple en ajoutant des blocs Cover, Paragraph, Heading, Audio et Social Icons.

Modèle d'intégration audio imbriqué dans un bloc Cover.

Sur la base du modèle original, j'en ai construit un qui utilisait une intégration SoundCloud au lieu du bloc Audio. J'en ai également créé un autre avec quelques modifications qui s'adressaient davantage aux podcasteurs.

Au fur et à mesure que j'approfondissais ce projet, je devenais plus capable de créer des mises en page. J'ai commencé à comprendre quelles étaient certaines des limites et à tout assembler autour d'elles.

L'un des domaines les plus problématiques avec l'éditeur est qu'il ne donne pas suffisamment de contrôle d'espacement. Par conséquent, j'ai dû utiliser généreusement le bloc Spacer, quelque chose que je préfère ne pas utiliser car il repose sur des unités de pixels et ajoute un <div> supplémentaire dans le balisage. Pour construire certains patrons, j'ai dû devenir un peu moins puriste et me contenter d'utiliser les outils disponibles.

Ce changement d'état d'esprit a ouvert d'autres possibilités. J'ai construit quelques modèles de blocs supplémentaires liés à l'audio. Il s'agissait, encore une fois, de mises en page simples, mais je voulais les faire ressortir visuellement avec des images que les utilisateurs finaux pouvaient ajouter. L'objectif est de donner aux utilisateurs un accès en un clic à des sections préconçues, des points de départ où les gens peuvent montrer leur propre créativité.

L'étape suivante consistait à commencer à penser au-delà des modèles audio. Il y a tellement plus que les autres peuvent faire dans cet espace. Je voulais m'aventurer un peu plus.

J'ai depuis construit plusieurs autres modèles comme l'en-tête d'article de type news suivant que j'aimerais utiliser sur la taverne à l'avenir :

Modèle avec un bloc de couverture, un titre de publication à gauche et des points de données à droite.
Nouvelles ou modèle d'en-tête d'article basé sur les données.

Je pourrais partager plus de concepts, mais cela semble être un endroit idéal pour s'arrêter. Le but n'est pas de mettre en valeur mon portfolio de patrons. C'est pour inspirer notre communauté de concepteurs de thèmes dans l'espoir qu'ils construisent quelque chose de bien meilleur. Je voulais aussi montrer à quel point il était facile de sortir quelques motifs. Au lieu d'heures de développement, de nombreuses idées ont été réduites à quelques minutes. C'est le pouvoir que le système de blocs fournit aujourd'hui.

Lorsque j'ai écrit sur le système de blocs créant des opportunités commerciales pour les auteurs de thèmes en janvier, c'était un article théorique. C'est un suivi qui le met un peu plus en pratique (sans la vente proprement dite, bien sûr).

Imaginez, en tant qu'entreprise thématique, que vous construisez un thème freemium pour les musiciens. Vous souhaiterez peut-être inclure quelques modèles de base parmi lesquels les utilisateurs pourront choisir. Cependant, il existe un nombre infini d'alternatives que vous pouvez proposer dans le cadre d'un package professionnel.

Je suis sûr qu'il existe déjà un auteur de thème / une entreprise avec un concept de thème polyvalent à l'esprit qui aura éventuellement des centaines de modèles. Je ne peux qu'espérer qu'ils disposent d'un système de catégorisation solide ou qu'ils proposent des packages ou des importations séparés.

Le répertoire de modèles de blocs devrait atterrir aux côtés de WordPress 5.8. Au début, il s'agira principalement de modèles de base. Cependant, d'autres seront encouragés à contribuer au fil du temps. Il s'agit d'une fonctionnalité bienvenue pour la plate-forme, mais elle ne correspondra jamais parfaitement à chaque conception de thème. Chaque thème a ses propres nuances de conception. Chacun a des méthodes différentes pour résoudre les problèmes.

Les meilleurs modèles proviendront des auteurs de thèmes eux-mêmes, en particulier lorsqu'ils sont combinés avec des styles de blocs personnalisés, emballés et commercialisés dans le cadre de l'expérience de leur thème. Les développeurs peuvent attendre que l'ensemble du marché rattrape son retard ou prendre une longueur d'avance.