Sortie du contenu de la page d'accueil / articles du thème WordPress Spearhead.
Page de blog / articles sur le thème Spearhead.

Jeudi dernier, Automattic a annoncé sa nouveau thème Spearhead aux utilisateurs de WordPress.com, qui se concentre principalement sur les podcasteurs. Cependant, l’équipe l’a commercialisé auprès des créateurs de contenu en général. C’est un thème enfant de la société récemment publiée Thème Seedlet. Cece Yu a à l’origine créé le design du Fer de lance podcast, actuellement utilisé sur le site Web.

Spearhead n’est pas seulement un thème pour les utilisateurs de WordPress.com. Les utilisateurs de WordPress auto-hébergés peuvent s’attendre à une disponibilité à l’avenir. «L’ajout de Spearhead au répertoire des thèmes fait partie de notre liste de tâches», a déclaré Jeff Ong, concepteur chez Automattic. «Je n’ai pas encore compris.»

Pour les utilisateurs auto-hébergés qui souhaitent donner une tournure au thème enfant dès maintenant, Automattic héberge tous ses thèmes gratuits dans un Mono-référentiel GitHub. Le thème Spearhead est situé dans son propre /spearhead sous-répertoire.

Le message d’annonce indiquait que le thème était entièrement alimenté par bloc. Ce serait mieux reformulé pour dire qu’il s’agit d’un thème WordPress block-first. Lorsque l’édition complète du site arrive dans le cœur de WordPress, nous pouvons commencer à dire que les thèmes sont entièrement alimentés par des blocs. Jusque-là, c’est juste le contenu qui est fait de blocs. Et le thème parent de Spearhead est un excellent exemple de thème bloc-premier solide. J’imagine que ce sera le tremplin de nombreux thèmes à venir des concepteurs de thèmes d’Automattic, que ce soit sous la forme d’un thème enfant de construction ou en l’utilisant comme point de départ.

Compte tenu des racines du podcast de Spearhead, l’équipe de développement a écrit une petite fonction pour localiser un bloc audio à partir du contenu de l’article et le présenter sur le blog et d’autres pages de type archive sous l’extrait. Dans le passé, ce type de fonctionnalité était difficile à réaliser en raison de la faible normalisation de la sortie audio. Cependant, le système de blocs le rend possible avec seulement quelques lignes de code.

Prise en charge automatique du mode sombre

Captures d'écran côte à côte du thème Spearhead en mode clair et sombre.
Modes clair et sombre en fonction des paramètres du système d’exploitation.

L’un des aspects les plus intéressants de Spearhead est sa prise en charge pour les utilisateurs qui naviguent sur le Web en mode sombre. Ce paramètre est situé à divers emplacements en fonction du système d’exploitation de l’utilisateur. Cependant, lorsqu’il est activé par l’utilisateur, le thème le détecte automatiquement et change son jeu de couleurs.

Ce système utilise le prefers-color-scheme Fonction multimédia CSS pour styliser pour le mode sombre. Cette fonctionnalité est généralement prise en charge par la plupart des navigateurs Web modernes. Pour les navigateurs et les systèmes d’exploitation sans prise en charge du mode sombre / clair, les utilisateurs verront le jeu de couleurs claires par défaut pour le thème.

Je préfère généralement les schémas de couleurs claires, mais c’est l’un des rares schémas de couleurs sombres qui soit au moins comparable ou peut-être meilleur que le clair. Trop souvent, je trouve les schémas sombres illisibles pour le contenu de longue durée, mais l’équipe de développement a pris soin de sélectionner une palette qui fonctionne bien pour tout ce que le visiteur du site choisit.

Modèles de blocs personnalisés

Modèles de blocs de pointe dans l'éditeur.
Insertion du modèle de bloc Liens de podcast.

Spearhead supprime les trois modèles enregistrés par le thème parent Seedlet. Il enregistre ensuite quatre de ses propres modèles:

  • Articles Similaires
  • Page d’archive
  • Liens de podcast
  • Liste des liens de podcast

Le modèle Related Posts nécessite l’installation du plugin Jetpack. Actuellement, le thème ne vérifie pas si le plugin est actif avant d’enregistrer le motif. Vraisemblablement, c’est parce que les fonctionnalités Jetpack sont disponibles sur tous les sites WordPress.com. Cependant, l’équipe de développement devra résoudre ce problème avant de le soumettre au répertoire de thèmes WordPress.org.

Le modèle d’archivage permet aux utilisateurs de créer une page d’archive sur leur site. Il affiche un formulaire de recherche, les derniers articles et les catégories du site. Il n’est pas aussi complet qu’un plugin d’archivage complet. Cependant, il remplace ce qui est souvent le modèle de page d’archive traditionnel livré avec de nombreux thèmes. L’utilisation d’un modèle est un bon changement qui donne aux utilisateurs plus de flexibilité pour modifier la sortie que ce qui est possible avec les modèles de page.

Il sera intéressant de voir si d’autres auteurs de thèmes emboîtent le pas et réévaluent les modèles de page de leur thème. La transition vers un modèle de bloc peut être une meilleure option dans de nombreux cas.

Le modèle Liens de podcast génère un bloc de navigation avec des liens vers des sites qui hébergent des podcasts. Les utilisateurs finaux voudront mettre à jour les URL des liens. Le modèle de liste de liens de podcast est similaire. Étonnamment, ce n’est pas en fait une liste. Il s’agit d’un paragraphe de liens et n’a pas le même texte de préfixe.


Source link