La communauté WordPress ne cesse d’innover et d’améliorer cette plateforme populaire. En tant qu’agence web spécialisée dans WordPress, Promatec Digital suit de près ces évolutions pour vous offrir les meilleures solutions. Découvrons ensemble les nouveautés majeures qui attendent les développeurs WordPress en octobre 2024.
Sommaire
- WordPress 6.7 : une mise à jour riche en fonctionnalités
- Nouveaux modes d’édition : “Write” et “Design”
- Améliorations de WordPress Playground
- Changements dans l’API d’enregistrement des modèles
- Support des meta boxes dans l’éditeur iframé
- Édition en mode “content-only”
- Améliorations de l’API d’interactivité
- Report de la stabilisation des supports de typographie
- Expérimentation du traitement des médias côté client
- Améliorations des Data Views et de l’API DataForm
- Stabilisation des filtres PreSavePost et SavePost
- Stabilisation du composant Navigator
- Introduction du package Fields
- Améliorations des blocs existants
- Mise à jour du package Create Block
- Nouveautés pour les thèmes
- Conclusion
WordPress 6.7 : une mise à jour riche en fonctionnalités
La sortie de WordPress 6.7 est prévue pour le 12 novembre 2024. Cette nouvelle version apporte son lot de changements et d’améliorations significatives pour les développeurs. Voici un aperçu des principales nouveautés :
L’API de liaisons de blocs (Block Bindings API)
L’une des fonctionnalités les plus attendues est la sortie de l’API de liaisons de blocs de sa phase expérimentale. Cette API permettra une meilleure interaction entre les blocs et les données, offrant ainsi plus de flexibilité dans la création de contenu dynamique
Points clés :
- Interface utilisateur limitée aux méta-données de publication dans un premier temps
- Contrôle d’accès : par défaut, seuls les administrateurs pourront créer et modifier les liaisons
- Possibilité d’ajuster les permissions via le filtre
block_editor_settings_all
Les développeurs pourront tirer parti de cette nouvelle API pour créer des expériences utilisateur plus riches et personnalisées. Nous recommandons vivement de commencer à explorer ses possibilités dès maintenant pour être prêt lors de la sortie officielle.
Le mode “Zoom Out”
Le mode “Zoom Out” sort également de sa phase expérimentale pour intégrer officiellement WordPress 6.7. Cette fonctionnalité offre une vue d’ensemble de la mise en page, facilitant la composition avec des motifs (patterns).
Avantages pour les développeurs :
- Meilleure visualisation de la structure globale des pages
- Facilité accrue pour l’intégration de motifs complexes
- Potentiel d’amélioration du workflow de conception
Ce nouveau mode de visualisation pourrait révolutionner la façon dont les développeurs et les designers collaborent sur la création de mises en page complexes.
Extensibilité du menu déroulant de prévisualisation
WordPress 6.7 introduit une nouvelle fonctionnalité permettant aux développeurs d’étendre le menu déroulant de prévisualisation. Cette amélioration ouvre la porte à de nombreuses possibilités de personnalisation.
Exemple d’utilisation :
Vous importez le composant dans votre extension
import { PreviewDropdownMenuItem } from '@wordpress/editor';Puis vous pouvez implémenter une prévisualisation personnalisée dans le back-office
const CustomPreviewMenuItem = () => (
<PreviewDropdownMenuItem
onClick={ () => {
// Your custom preview logic
} }
>
Custom Preview
</PreviewDropdownMenuItem>
);
Cette fonctionnalité permettra aux développeurs de créer des options de prévisualisation sur mesure, adaptées aux besoins spécifiques de leurs clients ou de leurs projets.
Nouveaux modes d’édition : “Write” et “Design”
Gutenberg 19.4 introduit deux nouveaux modes d’édition : “Write” et “Design”. Ces modes visent à simplifier l’expérience utilisateur en fonction des besoins spécifiques de chaque tâche.
Mode “Write”
- Expérience d’édition simplifiée
- Idéal pour la rédaction de contenu sans distractions
Mode “Design”
- Fonctionnalités complètes de personnalisation
- Parfait pour la mise en page et les ajustements visuels
Ces nouveaux modes offrent aux développeurs la possibilité de créer des interfaces utilisateur plus ciblées et efficaces, adaptées aux différents types d’utilisateurs de WordPress.
Améliorations de WordPress Playground
WordPress Playground, l’environnement de test et de développement en ligne, bénéficie de plusieurs améliorations majeures :
Gestion de plusieurs instances
- Possibilité d’exécuter plusieurs playgrounds simultanément
- Sauvegarde des instances dans le navigateur ou en local
Nouvelles fonctionnalités
- Déploiements de sites web sans rechargement
- Paramètres de requête pour tester les PR de WordPress Core et Gutenberg
- Améliorations du chargement des ressources via les blueprints
Ces améliorations facilitent grandement le processus de développement et de test, permettant aux développeurs de travailler plus efficacement sur leurs projets WordPress.
Changements dans l’API d’enregistrement des modèles
Une modification importante concerne l’API d’enregistrement des modèles. Les fonctions précédemment nommées wp_register_block_template() et wp_unregister_block_template() deviennent respectivement register_block_template() et unregister_block_template().
// Ancienne méthode
wp_register_block_template( $args );
// Nouvelle méthode
register_block_template( $args );Il est crucial de mettre à jour vos codes existants pour assurer la compatibilité avec WordPress 6.7.
Support des meta boxes dans l’éditeur iframé
WordPress 6.7 introduit une nouvelle vue divisée pour les meta boxes, permettant leur affichage aux côtés de l’éditeur iframé. Cette amélioration offre plusieurs avantages :
- Meilleure isolation des styles
- Expérience utilisateur plus cohérente
- Possibilité de redimensionner le tiroir des meta boxes
Les développeurs de plugins utilisant des meta boxes devront tester soigneusement leurs extensions pour s’assurer de leur compatibilité avec cette nouvelle implémentation.
Édition en mode “content-only”
Le mode d’édition “content-only” gagne en maturité avec la stabilisation de la propriété role dans block.json. Cette mise à jour simplifie l’implémentation de l’édition en mode contenu uniquement pour les développeurs de blocs personnalisés.
Principales mises à jour :
- Les blocs verrouillés en mode “content-only” ne peuvent plus être transformés
- Support des styles de blocs pour les blocs de premier niveau en mode “content-only”
- Suppression de la possibilité de recadrer les images en mode “content-only”
Ces changements offrent un meilleur contrôle sur l’expérience d’édition et permettent de créer des interfaces plus intuitives pour les utilisateurs finaux.
Améliorations de l’API d’interactivité
L’API d’interactivité reçoit des mises à jour significatives dans WordPress 6.7. Les fonctions getServerState() et getServerContext() du package @wordpress/interactivity sont désormais exposées et disponibles pour les développeurs.
Exemple d’utilisation
Vous importez le composant :
import { store, getServerState } from '@wordpress/interactivity';Puis vous pouvez récupérer les données depuis le code suivant :
const { state } = store('myStore', {
callbacks: {
updateServerState() {
const serverState = getServerState();
// Override some property with the new value that came from the server.
state.overridableProp = serverState.overridableProp;
},
},
});Ces fonctions permettent d’accéder à l’état et au contexte initiaux côté serveur, offrant plus de flexibilité dans la gestion des données entre le client et le serveur.
Report de la stabilisation des supports de typographie
Contrairement aux attentes initiales, la stabilisation des supports de typographie pour les blocs est reportée à la version 6.8 de WordPress. Ce délai permettra une meilleure préparation et des tests plus approfondis.
Recommandations pour les développeurs :
- Continuer à utiliser les supports de typographie expérimentaux
- Surveiller de près les évolutions de cette fonctionnalité
- Tester régulièrement vos blocs personnalisés pour assurer la compatibilité
Ce report souligne l’importance de la qualité et de la stabilité dans le développement de WordPress, même si cela implique parfois de différer certaines fonctionnalités.
Expérimentation du traitement des médias côté client
Une nouvelle expérimentation introduite dans Gutenberg 19.2 permet le traitement des médias côté client plutôt que côté serveur. Cette approche présente plusieurs avantages potentiels :
- Réduction de la charge serveur
- Amélioration des performances globales
- Expérience utilisateur plus fluide
Bien que toujours en phase expérimentale, cette fonctionnalité mérite l’attention des développeurs, car elle pourrait significativement impacter la gestion des médias dans les futures versions de WordPress.
Améliorations des Data Views et de l’API DataForm
Les Data Views et l’API DataForm continuent d’évoluer, offrant de nouvelles possibilités aux développeurs :
- Support de la disposition
combinedFieldspermettant d’afficher plusieurs champs sur une même ligne - Possibilité de réorganiser les contrôles au niveau des champs
- Déplacement des actions en masse vers le pied de page pour une meilleure ergonomie
Ces améliorations facilitent la création d’interfaces d’administration personnalisées et plus intuitives.
Stabilisation des filtres PreSavePost et SavePost
WordPress 6.7 stabilise les filtres PreSavePost et SavePost, offrant aux développeurs de plugins un meilleur contrôle sur le processus de sauvegarde des articles.
Cette fonctionnalité permet d’implémenter des validations personnalisées avant la sauvegarde d’un article, renforçant ainsi la sécurité et l’intégrité des données.
Stabilisation du composant Navigator
Le composant Navigator, utilisé pour rendre des vues, panneaux et menus imbriqués, est désormais stabilisé. Cette évolution s’inscrit dans un effort plus large de stabilisation des composants de l’éditeur.
Avantages pour les développeurs :
- API stable et fiable
- Meilleure documentation
- Intégration facilitée dans les projets WordPress
Les développeurs peuvent désormais utiliser ce composant avec confiance dans leurs extensions et thèmes personnalisés.
Introduction du package Fields
Le nouveau package @wordpress/fields offre une collection de composants de champs de données adaptés aux interfaces utilisateur de WordPress. Bien que principalement utilisé avec les Data Views, ce package est désormais public et disponible pour les développeurs de plugins.
Ce package simplifie la création d’interfaces d’édition cohérentes avec l’écosystème WordPress.
Améliorations des blocs existants
WordPress 6.7 apporte plusieurs améliorations mineures mais significatives à divers blocs existants :
- Glisser-déposer multiple pour le bloc Image
- Contrôles manuels d’upload pour le bloc Image
- Sélecteur de taxonomie pour le bloc Liste de catégories
- Déplacement du bouton “Effacer le média” dans la barre d’outils du bloc Cover
- Simplification de l’ajout d’icônes au bloc Icônes sociales
- Transformation de tout bloc en bloc Details
- Filtrage par formats d’article dans le bloc Query Loop
Ces améliorations offrent une meilleure expérience utilisateur et plus de flexibilité dans la création de contenu.
Mise à jour du package Create Block
Le package @wordpress/create-block, outil officiel pour l’échafaudage de plugins WordPress enregistrant des blocs personnalisés, a été mis à jour. Les principales modifications incluent :
- Exigence minimale de WordPress 6.6
- Exigence minimale de PHP 7.2
Ces mises à jour assurent que les nouveaux plugins créés avec cet outil sont compatibles avec les versions récentes de WordPress et PHP, garantissant ainsi de meilleures performances et une meilleure sécurité.
Nouveautés pour les thèmes
Create Block Theme 2.5
La version 2.5 du plugin Create Block Theme apporte plusieurs améliorations :
- Noms lisibles pour les ressources de polices
- Suppression de la catégorie “hidden” erronée des motifs
- Ajout d’un wrapper
mainau Query Loop dans le templateindex.html - Copie des ressources de polices dans le dossier local du thème lors de la création de variations de style
Ces améliorations facilitent la création et la gestion de thèmes block-based.
Remplacement de la typographie fluide
WordPress 6.7 permet désormais aux développeurs de thèmes d’activer la typographie fluide pour des préréglages spécifiques, même si elle est globalement désactivée dans theme.json.
{
"typography": {
"fontSizes": [
{
"slug": "small",
"size": "13px",
"fluid": {
"min": "0.8125rem",
"max": "0.9375rem"
}
}
]
}
}Cette flexibilité accrue permet une personnalisation plus fine de l’expérience typographique.
Désactivation des motifs de démarrage
WordPress 6.7 introduit une option permettant aux utilisateurs de désactiver l’affichage des motifs de démarrage lors de la création d’une nouvelle page. Cette fonctionnalité offre plus de contrôle aux utilisateurs expérimentés qui préfèrent commencer avec une page vierge.
Améliorations des outils de conception et des aperçus de blocs
Plusieurs améliorations ont été apportées aux outils de conception et aux aperçus de blocs :
- Support des bordures pour les blocs de lien d’édition et de réponse aux commentaires
- Nouveaux aperçus pour divers blocs de commentaires et de requête
- Travail en cours pour améliorer la présentation du Style Book
Ces améliorations facilitent la personnalisation visuelle et améliorent l’expérience utilisateur lors de la création de contenu.
Conclusion
WordPress 6.7 et les dernières versions de Gutenberg apportent une multitude de nouveautés et d’améliorations pour les développeurs. Ces mises à jour témoignent de l’évolution constante de l’écosystème WordPress vers une plateforme de plus en plus puissante et flexible.
L’introduction de l’API de liaisons de blocs, du mode “Zoom Out”, et des nouveaux modes d’édition “Write” et “Design” ouvrent de nouvelles possibilités pour créer des expériences utilisateur riches et personnalisées. Les améliorations apportées à WordPress Playground, aux Data Views, et à l’API d’interactivité offrent aux développeurs des outils plus puissants pour tester, concevoir et implémenter des fonctionnalités avancées.
Les changements dans l’API d’enregistrement des modèles, le support amélioré des meta boxes, et les nouvelles options pour les thèmes démontrent l’engagement continu de WordPress à offrir plus de flexibilité et de contrôle aux créateurs de sites web.
En tant qu’agence web spécialisée dans WordPress, Promatec Digital est enthousiaste à l’idée d’explorer ces nouvelles fonctionnalités et de les intégrer dans nos projets. Nous encourageons vivement tous les développeurs WordPress à se familiariser avec ces nouveautés, à les tester dans leurs environnements de développement, et à partager leurs retours avec la communauté.
Chez Promatec Digital, nous ne nous contentons pas de suivre ces évolutions : nous les embrassons pleinement pour offrir à nos clients des solutions WordPress sur mesure et à la pointe de la technologie. Notre équipe de développeurs experts est prête à vous accompagner dans l’exploitation de ces nouvelles fonctionnalités, que ce soit pour la création de blocs personnalisés, l’optimisation de vos thèmes, ou le développement de plugins spécialisés tirant parti des dernières API. Que vous ayez besoin d’une simple intégration ou d’une solution WordPress complexe et hautement personnalisée, Promatec Digital est votre partenaire de confiance pour transformer vos idées en réalité digitale performante et innovante.
L’avenir de WordPress s’annonce passionnant, et ces améliorations ne sont que le début d’une nouvelle ère d’innovation dans le développement web. Restez à l’affût des prochaines mises à jour via nos pages Facebook et LinkedIn, ou abonnez vous à notre flux RSS, et continuons ensemble à repousser les limites de ce que nous pouvons créer avec WordPress.
Source : WordPress Developer Blog
Vous avez aimé l'article ? Partagez-le autour de vous !
Vous aimerez aussi...
