Quoi de neuf dans WordPress 6.0: nouveaux blocs, changement de style, édition de modèles, API webfonts, etc.

WordPress 6.0 est sur le point d’arriver et, comme d’habitude, nous plongeons dans les coulisses pour permettre aux lecteurs de prévisualiser la prochaine version majeure de WordPress. Disons tout de suite que si WordPress 5.9 nous amène au cœur de la phase II de Gutenberg, l’objectif de WordPress 6.0 est d’intégrer les outils de personnalisation existants. Mais la nouvelle version est plus que ça. Comme l’a souligné Matias Ventura dans la Feuille de route préliminaire de 6.0, l’introduction de l’éditeur de site marque un grand jalon, mais ce n’est que la première étape du voyage.
En effet, grâce à WordPress 6.0, nous pouvons nous attendre à des améliorations significatives du CMS dans différents domaines, de la disponibilité à la performance, Comprend l’architecture de l’information et l’expérience améliorée de navigation de modèles créer des modèles améliorés nouveau mode de navigation de l’éditeur de site Web de l’interface utilisateur de navigation remplace le style global bloc de navigation avancé nouveaux outils de conception et plus encore. WordPress 6.0 offre également un grand nombre de modifications, de fonctionnalités et de corrections de bogues, dont plus de 400 mises à jour et plus de 500 corrections de bogues. Plus de 189 billets ont été remis en état, dont 91 nouvelles fonctionnalités et améliorations.
Oui, il y a beaucoup à dire. Alors arrêtons de rester ici et découvrons les nouvelles fonctionnalités de WordPress 6.0. Enregistrer la date! La sortie de WordPress 6.0 est prévue pour le 24 mai et permettra une meilleure création de modèles, des styles globaux optionnels, de nouveaux blocs et plus encore… Cliquez ici pour en savoir plus sur la prochaine version majeure de WordPress quoi de neuf l’api Twitter Web font la nouvelle API webfonts offre maintenant un moyen standardisé de télécharger webfonts sur WordPress, en assurant la performance et la confidentialité des utilisateurs. À partir de WordPress 6.0, vous ne pouvez enregistrer que de nouveaux webfont à partir de thèmes. Json.
Juste un clic.
C’est comme rendre les sous – thèmes facilement disponibles, chacun avec un ensemble de styles prédéfinis. Pour ajouter une variation de style à un thème de bloc, vous ajoutez un fichier json alternatif dans le dossier styles à la racine du thème. Les sujets qui supportent les variations de style global affichent un nouvel élément de style de navigation dans la barre latérale de style global. Il en résulte un panneau où les utilisateurs du thème peuvent trouver une liste des styles disponibles. Parcourir les styles dans WordPress 6.0. Sélectionnez un style global dans la liste qui s’applique automatiquement à l’ensemble du site. Choisissez un style en un clic dans WordPress 6.0. Les nouvelles fonctionnalités permettent aux développeurs de thème de créer des changements de style illimités qui correspondent parfaitement à la nouvelle API webfonts. L’illustration suivante montre le style personnalisé dans l’exemple précédent, le titre étant appliqué avec différents caractères. Variantes de style avec polices personnalisées dans WordPress 6.0. Si vous voulez essayer vous – même, ajoutez un dossier de style à la racine du thème bloc, créez un nouveau fichier json avec un nom significatif, ouvrez – le dans votre éditeur de code préféré, puis ajoutez le code suivant:
{version: 2, \
\
Les développeurs auront un aperçu des styles et des thèmes mondiaux. Global settings and Styles and json in Topic articles. Json. Vous pouvez également voir la dernière version de 2022, qui a maintenant trois nouveaux changements de style. Parcourir les styles en 222. Il y a des blocs partout. Une chose est sûre.
A. les modèles de blocs jouent un rôle central dans la phase actuelle de développement de WordPress. WordPress 5.5 introduit pour la première fois des modèles de blocs, qui sont régulièrement améliorés au fil du temps. De plus, à partir de WordPress 5.9, les modèles du Répertoire Patterns sont entrés sur notre site WordPress, extraits dynamiquement du Répertoire Patterns et chargés dans l’insertion de bloc.
Maintenant, grâce à un nouvel outil en ligne, n’importe qui peut devenir un développeur de modèle. Le créateur de modèles vous permet de créer, modifier et envoyer les meilleurs modèles de blocs dans le répertoire des modèles. Il vous suffit d’un compte wordpress pour commencer. Organisation. Recherche d’images dans le créateur de motifs. WordPress 6.0 améliore encore le mode bloc. Tout d’abord, les modèles de blocs sont plus faciles à trouver lors de l’édition des modèles. L’insertion rapide n’affiche maintenant le modèle de bloc que lorsque vous accédez au niveau supérieur du modèle, c’est – à – dire lorsque le bloc à ajouter au modèle est un descendant direct du document.
Lorsque vous modifiez un modèle de bloc insertion rapide au niveau primaire vous ajoutez des blocs entre d’autres blocs (c. – à – d. Le premier et le dernier bloc de la page) Insertion rapide n’affiche que les modèles de bloc dans l’éditeur de modèles. Une autre fonctionnalité utile permet maintenant aux développeurs de sujets d’ajouter des modèles recommandés à un sujet. Json. Pour essayer, recherchez le répertoire Patterns, trouvez le Pattern que vous souhaitez recommander à l’utilisateur du thème, puis obtenez le Pattern Slug de l’URL et ajoutez – le au thème. Json est le suivant: \
Une fonctionnalité puissante liée au mode fournie par WordPress 6.0 est la journalisation implicite du mode. Les sujets peuvent maintenant enregistrer implicitement les modèles en les déclarant comme des fichiers PHP dans le nouveau répertoire \/ Pattern sous la racine du sujet. Le processus est simple: créer un nouveau dossier Template dans le Répertoire racine du sujet, construire un groupe de blocs dans l’éditeur de blocs, copier et coller HTML dans un nouveau fichier texte, avant le titre ci – dessous, et enregistrer le fichier comme PHP dans le dossier template. C’est tout. Vous avez maintenant un nouveau modèle d’écoutille de bloc à afficher dans l’insertion de bloc. Verrouillez rapidement le modèle personnalisé dans l’insertion. Pour une compréhension plus complète du développement de modèles de blocs, vous pouvez vous concentrer sur le suivi sur github. Fonctionnalité d’édition du site WordPress 5.9 n’a pas terminé le développement de l’édition complète du site. WordPress 6.0 améliore encore la création de thèmes visuels et offre de nouvelles options de modèles pour les thèmes de blocs. D’autres fonctionnalités seront bientôt disponibles. WordPress 6.0 Visual Theme Builder introduit un outil amélioré d’exportation de thème de bloc qui vous permet de télécharger le thème actuel ainsi que toutes les modifications et personnalisations. Si vous n’avez pas encore utilisé l’outil d’exportation de thème de bloc, il s’agit d’un outil d’édition de site puissant qui vous permet d’exporter des styles et des modèles vers l’ensemble du thème. Lorsque vous êtes satisfait de ces changements, ouvrez la barre latérale options de l’interface de l’éditeur de site et localisez la section outils. Le bouton Exporter ici vous permet de télécharger le thème actuel ainsi que toutes les personnalisations de style et de modèle dans un fichier zip. Exporter un thème à partir de l’interface de l’éditeur. Vous pouvez ensuite exporter le thème et l’installer sur n’importe quel site WordPress. Nous avons testé l’outil amélioré d’exportation de sujets dans l’installation
Opérations locales WordPress, nous avons constaté que presque toutes les opérations se déroulent comme prévu… Toutefois, l’outil d’exportation est encore en cours de développement et nous ne voyons aujourd’hui que son énorme potentiel. Envisagez de créer votre propre thème à partir de l’interface d’édition du site Web et de le distribuer à n’importe quel nombre d’installations. C’est pour ça que tu es un développeur… Il reste encore beaucoup de questions en suspens à régler, ce qui nous amène à penser que nous verrons bientôt des améliorations. Si vous êtes intéressé par la création de thèmes visuels et souhaitez en savoir plus (comme nous), vous pouvez vous concentrer sur le suivi sur github. Plus d’options pour les modèles dans les thèmes de blocs dans les versions précédentes de WordPress, un nombre limité de types de modèles sont disponibles. Un nouveau modèle a été ajouté à WordPress 5.9. Maintenant, WordPress 6.0 introduit plusieurs nouveaux types de modèles, y compris l’auteur, la catégorie, la date, le marquage et la taxonomie. De nouveaux modèles ont été ajoutés dans WordPress 6.0. Cette ajout devrait simplifier le flux de travail d’édition du site. Pour l’essayer, sélectionnez un nouveau modèle dans la liste déroulante, ajoutez les blocs nécessaires, enregistrez les modifications et vérifiez son apparence à l’avant. Oui, c’est facile. Maintenant, en l’associant à la fonction d’exportation de sujets ci – dessus, vous aurez une meilleure idée de ce que nous attendons de l’édition du site bientôt. Amélioration de l’interface et de la convivialité WordPress 6.0 introduit de nombreux changements d’interface utilisateur, dont beaucoup sont destinés à organiser la barre latérale. En résumé, ces changements devraient avoir un impact considérable sur l’expérience éditoriale globale. Nous n’en mentionnerons que quelques – uns ici, mais vous pouvez consulter les notes de publication de Gutenberg pour une liste plus complète des changements (voir Gutenberg 12.4, 12.5, 12.6, 12.7, 12.8, 12.9, 13.0). Amélioration de la vue de la Liste
La vue de la liste est affectée par un grand nombre de changements qui améliorent la disponibilité des composants. Élargissez la vue de la liste lors de la sélection lorsque vous cliquez sur un bloc dans l’éditeur, le bloc est maintenant automatiquement mis en évidence dans la vue de la liste. Si le bloc est imbriqué dans le bloc parent, le bloc parent s’agrandit en affichant les éléments dans l’arbre bloc. Étendre les blocs de groupe dans la vue de liste de la sélection des blocs. Vue de liste compressée par défaut avant WordPress 6.0, qui s’agrandit par défaut lorsque vous ouvrez le panneau de vue de liste. La liste par défaut est affichée dans WordPress 5.9. Mais comme les messages sont généralement composés de structures complexes de blocs imbriqués, il est logique d’effondrer un arbre de blocs lorsque vous ouvrez une vue de liste. Dans 6.0, par défaut, tous les éditeurs compressent la vue de la liste pour rendre l’arbre de bloc clair en un coup d’oeil. La liste par défaut est affichée dans WordPress 6.0. Focus sur le bouton affichage de la liste lorsque vous ouvrez le panneau affichage de la liste, Focus retourne maintenant correctement au bouton affichage de la liste. Ceci est particulièrement utile lors de la navigation des vues de liste à partir du clavier pour une expérience d’édition plus lisse et transparente. En sélectionnant plusieurs blocs et en faisant glisser et déposer un autre changement à la vue de la liste, vous pouvez sélectionner plusieurs blocs au même niveau et les faire glisser à un autre endroit dans la liste. Avant WordPress 6.0, l’aperçu du style de bloc était placé dans la barre latérale du bloc, occupant une grande partie du panneau de style. Prévisualiser les styles de blocs dans WordPress 5.9. Dans 6.0, seul le nom du changement de style est affiché dans le panneau de style, et
L’aperçu du style s’affiche à l’extérieur de la barre latérale lorsque vous placez le nom du style pendant que vous passez le curseur ou recevez le focus. Ce changement réduit la taille des barres latérales et devrait rendre les noms de style plus visibles. Prévisualiser les styles de blocs dans WordPress 6.0. Mise en page des sections de paragraphes pour organiser les barres latérales des blocs, les contrôles de titre des blocs de paragraphes ont été déplacés de leurs sections à la section mise en page. Avec ce changement, tous les contrôles de configuration typographique sont maintenant placés dans la même section pour une expérience utilisateur plus cohérente. Configuration typographique dans WordPress 5.9 par rapport à WordPress 6.0. Déplacez les paramètres de bordure et de couleur sous le panneau d’outils pour trier dans la barre de bordure de configuration encombrée, et les contrôles de bordure et de couleur ont été déplacés vers le panneau d’outils pour être étendus et compressés dans différents contextes. Vous voulez savoir comment nous avons augmenté le trafic de plus de 1000%? Joignez – vous à plus de 20 000 personnes qui reçoivent nos communiqués de presse hebdomadaires pour donner des conseils aux experts WordPress! Abonnez – vous maintenant Nouveau panneau de configuration de la bordure. Ce changement devrait simplifier l’expérience d’édition des différents blocs et rendre les barres latérales plus cohérentes. Panneau de couleurs dans WordPress 6.0. Il est facile d’oublier les étiquettes ou les catégories lorsque vous publiez un grand nombre d’articles de blog à la hâte ou régulièrement. Si vous rencontrez souvent ce type de situation, vous trouverez très utile les rappels de balises affichés dans le panneau après la publication. Maintenant, pour aider les administrateurs de site et les auteurs à s’assurer que leurs messages sont assignés aux catégories nécessaires, nous utilisons wo
Support et propriétés, ainsi que des liens utiles pour bloquer le code source que les développeurs aiment. WordPress 6.0 apporte plus de modules. Trouvez ici les blocs que la prochaine version pourrait rencontrer. La boucle de requête d’annotation est similaire au bloc de boucle de requête, où un nouveau bloc de boucle de requête d’annotation affiche les commentaires post. Il s’agit d’un bloc avancé qui contient plusieurs blocs internes que vous pouvez modifier et configurer individuellement. Comme le montre l’illustration suivante, vous pouvez personnaliser l’apparence de n’importe quel bloc inclus dans le bloc de boucle de requête d’annotation. Vous pouvez également ajouter plusieurs blocs ou déplacer ou supprimer des blocs existants (code source). Configurer le bloc de cycle de requête d’annotation. Un nouveau bloc Read more personnalisable vous permet de personnaliser différents aspects du bouton Read more: bordures, couleurs, angles, typographie, etc. (code source). Lutter contre les temps d’arrêt et les problèmes de WordPress? Kinsta est une solution d’hébergement conçue pour gagner du temps! C’est un bon ajout parce qu’il vous permet d’ajouter et de personnaliser plus de liens en dehors du contexte du bloc extrait. Le nouveau bloc lit plus d’informations. Aucun résultat dans la boucle de requête aucun bloc de résultats est un conteneur de bloc où vous pouvez ajouter n’importe quel texte ou bloc à afficher en cas d’échec de la requête. Pour ajouter un bloc sans résultat à une boucle de requête, sélectionnez la boucle de requête et cliquez sur l’icône plus dans le coin inférieur droit pour commencer l’insertion rapide. Ne vous attendez donc à aucun résultat. Le bloc n’est pas disponible en dehors de la boucle de requête (code source). Ajoutez un bloc sans résultats à la boucle de requête. La biographie d’avatar et post author WordPress 6.0 introduisent également de nouveaux types de blocs qui divisent les blocs de l’auteur en leurs composants et les utilisent pour SEPA
Le sujet ne supporte pas cette fonctionnalité. Maintenant, avec wordpress 6.0, vous pouvez voir Après l’étiquette du lien. La description du lien de navigation apparaît après l’étiquette du lien. En 22, element. WP Block navigation item description is Hidden through CSS, but themes can add a display: block attribut to display the link description. Description des liens de navigation dans WordPress 6.0 et 22. La section paramètres du filtre de cycle de requête et du filtre de cycle de requête d’image en vedette affiche maintenant les champs d’entrée pour la classification personnalisée. Cela permet à l’utilisateur de filtrer le type de message actuel en fonction d’une ou de plusieurs catégories personnalisées enregistrées pour le type de message sélectionné. Maintenant, vous pouvez également filtrer les messages de plusieurs auteurs, alors que dans les versions précédentes, vous ne pouviez sélectionner qu’un seul auteur dans le menu déroulant. Paramètres du filtre de boucle de requête dans WordPress 6.0. De plus, vous pouvez maintenant définir la taille de l’image de premier plan dans le bloc de boucle de requête. Contrôle la taille de l’image de premier plan dans le bloc de période de requête. Le support d’impression et de bordure dans les groupes de blocs réactifs et les blocs de lignes supporte maintenant les paramètres d’impression. Ce changement permet à l’utilisateur d’appliquer les mêmes paramètres de typographie à l’ensemble du Groupe de blocs à la fois, ce qui permet d’économiser plusieurs clics lors du formatage d’un groupe contenant plusieurs blocs imbriqués. Configuration typographique du bloc. Le regroupement des blocs a été encore amélioré et il est maintenant facile de grouper les blocs en pile ou en ligne en un seul clic. Il suffit de sélectionner le bloc à grouper et de sélectionner l’un des trois contrôles disponibles dans la barre d’outils bloc: Groupe, ligne, pile. Après le regroupement
Bloc. Mais ce ne sont là que quelques améliorations que vous verrez à partir de WordPress 6.0. Pour une liste complète, consultez les notes de sortie de Gutenberg. Connaissez – vous déjà les fonctionnalités offertes par WordPress 6.0? – Non. Ensuite, ne manquez pas l’aperçu approfondi de WordPress 6.0. Cliquez sur Twitter pour savoir comment installer WordPress 6.0 dans votre environnement de développement local. Si vous souhaitez essayer une version de développement WordPress avant de la publier officiellement, suivez les étapes suivantes: Ouvrez devkinsta et créez un nouveau site WordPress local une fois terminé, Ouvrez le tableau de bord WordPress et allez au plug – in → ajoutez une nouvelle recherche et installez le testeur de plug – in WordPress Activez le plug – in et allez aux outils → testez dans l’onglet paramètres du testeur bêta WP, sélectionnez les dernières options et sauvegardez les paramètres dans le tableau de bord WordPress, ouvrez l’écran de mise à jour et mettez à jour à la dernière version nocturne, tout est prêt! Vous avez maintenant une installation de développement WordPress locale qui vous permet d’exécuter tous vos tests librement. Regardez autour de vous et faites – nous savoir ce que vous pensez de ces nouvelles fonctionnalités. Avec devkinsta, vous pouvez avoir un environnement de développement WordPress moderne sur votre ordinateur local en quelques clics. Téléchargez devkinsta gratuitement ici! Comme nous l’avons mentionné précédemment, nous pouvons maintenant dire que nous sommes dans la deuxième phase du développement de Gutenberg, la phase de personnalisation. L’édition complète du site fait désormais partie de WordPress Core et 6.0, et les versions suivantes amélioreront encore notre contenu existant et disponible. Cela aura un impact énorme sur l’écosystème WordPress et sur l’ensemble du réseau, même si l’on considère qu’au moment de la rédaction de cet article WordPress était utilisé par 64,2% des systèmes de gestion de contenu de tous les sites Web que nous connaissons. Cela représente 43,0% de tous les sites. (source w3techs) nous en avons terminé maintenant. Notre liste de fonctionnalités et d’améliorations à venir