WordPress 5.3 "Kirk" publié avec de nouvelles fonctionnalités et améliorations


WordPress 5.3 a été publié avec de nouvelles fonctionnalités, améliorations et thème par défaut vingt vingt.

Dernière mise à jour le

WordPress 5.3 est publié maintenant. La nouvelle version introduit plus 150 nouvelles fonctionnalités et améliorations. Comme mentionné par Matt pendant le WordCamp US, de nombreuses fonctionnalités promises ont fait leur chemin vers WordPress.

Comme vous le savez peut-être, l'équipe de développement a déjà publié la version bêta de WordPress 5.3. Si vous avez raté le journal des modifications de la version bêta, lisez notre couverture précédente.

Couverture de l'album pour WordPress 5.3 Kirk, mettant en vedette une Rahsaan Roland Kirk bicolore rouge / crème jouant du saxophone sur un fond rouge.

Avant de mettre à jour, n’oubliez pas de sauvegardez votre site!

WordPress 5.3: Nouvelles fonctionnalités et améliorations

WordPress 5.3 s'est concentré sur l'expansion et le raffinement de WordPress Gutenberg Block Editor, qui a été introduit pour la première fois dans WordPress 5.0. Il y a d'excellents ajouts dans cette version, y compris le nouveau brillant Thème Vingt Vingt, meilleure gestion des images, amélioration de l'interface d'administration, etc.

WordPress Block Editor plus rapide et plus intuitif

WordPress 5.3 introduit Mouvement pour que les interactions avec vos blocs soient "rapides et naturelles". En utilisant l'éditeur de blocs, vous vous sentirez plus "lisse" et non encombrant. En outre, l'éditeur de blocs est beaucoup plus léger à présent et le chargement de pages a été réduit de 60 millisecondes à 40 millisecondes.

WordPress 5.3 "Kirk" publié avec de nouvelles fonctionnalités et améliorations 2 "class =" wp-image-4609 jetpack-lazy-image "data-recalc-dims =" 1 "srcset =" https://i0.wp.com/wphive .com / wp-content / uploads / 2019/11 / Improvement-to-Gutenberg.png? resize = 1024% 2C422 & ssl = 1 1024w, https://i0.wp.com/wphive.com/wp-content/uploads/ 2019/11 / Improvement-to-Gutenberg.png? Resize = 300% 2C124 & ssl = 1 300w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/Improvement-to-Gutenberg .png? resize = 768% 2C317 & ssl = 1 768w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/Improvement-to-Gutenberg.png?w=1200&ssl=1 1200w "data-lazy-tailles =" (largeur maximale: 709px) 85vw, (largeur maximale: 909px) 67vw, (largeur maximale: 1362px) 62vw, 840px "src =" https://i0.wp.com/ wphive.com/wp-content/uploads/2019/11/Improvement-to-Gutenberg.png?resize=840%2C346&is-pending-load=1#038;ssl=1
Amélioration du temps de chargement moyen

Aperçu de blocs avec une meilleure explication

WordPress 5.3 développe les informations sur le «Ajouter un bloc" m e n u. Vous pourrez maintenant voir un aperçu de l’apparence de chaque bloc avec une meilleure explication de son fonctionnement. Ce petit ajout améliore considérablement le processus de sélection du bon bloc si vous ne savez pas lequel utiliser.

Pour voir un aperçu et une explication, cliquez sur le signe "+" dans le menu de navigation supérieur. Survolez les blocs de la liste pour voir les informations dans la fenêtre de droite.

Aperçus des blocs WordPress "class =" wp-image-4652 jetpack-lazy-image "data-recalc-dims =" 1 "srcset =" https://i1.wp.com/wphive.com/wp-content/uploads/ 2019/11 / WordPress-Block-Previews.png? W = 863 & ssl = 1 863w, https://i1.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Block-Previews.png ? resize = 300% 2C164 & ssl = 1 300w, https://i1.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Block-Previews.png?resize=768%2C421&ssl=1 768w "data-lazy-tailles =" (largeur maximale: 709px) 85vw, (largeur maximale: 909px) 67vw, (largeur maximale: 1362px) 62vw, 840px "src =" https://i1.wp.com/ wphive.com/wp-content/uploads/2019/11/WordPress-Block-Previews.png?w=840&is-pending-load=1#038;ssl=1

Prise en charge des images grandes et haute résolution

WordPress 5.3 inclut un support amélioré pour le téléchargement haute résolution et grandes images. La version mise à jour introduit la détection de grandes images et en génère automatiquement une «taille maximale optimisée pour le Web».

Les images sont maintenant immédiatement redimensionnées à 2560px lors du téléchargement, devenant ainsi la nouvelle taille «complète». Si votre image a été automatiquement redimensionnée, “scaled” sera ajouté à la fin du nom du fichier. WordPress réessayera également de générer des tailles d'image si le téléchargement échoue en raison de l'expiration du délai d'attente du serveur.

Nouveau thème WordPress Default Twenty Twenty

WordPress 5.3 incluait un nouveau thème par défaut, Twenty Twenty. “Garder la flexibilité à sa base“, Le thème est audacieux, lumineux avec une typographie améliorée.

WordPress Twenty Twenty Thème "class =" wp-image-4655 jetpack-lazy-image "données-recalc-dims =" 1 "srcset =" https://i0.wp.com/wphive.com/wp-content/uploads /2019/11/WordPress-Twenty-Twenty-Theme.png?w=581&ssl=1 581w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Twenty- Twenty-Theme.png? Resize = 300% 2C274 & ssl = 1 300w "data-lazy-tailles =" (largeur maximale: 581px) 85vw, 581px "src =" https://i0.wp.com/wphive.com/ wp-content / uploads / 2019/11 / WordPress-Twenty-Twenty-Theme.png? w = 840 & est en attente de chargement = 1 # 038; ssl = 1

Le thème de Twenty Twenty, qui s’intègre parfaitement à l’éditeur de blocs de Gutenberg, tire parti des meilleurs.

Les concepteurs apprécieront sans doute que Twenty Twenty propose une nouvelle police de caractères. Entre, conçu par Rasmus Andersson. Pour les thèmes par défaut de WordPress, Inter propose une première prise en charge des polices variables, qui réduit les temps de chargement en contenant toutes les tailles et tous les styles de police dans seulement deux fichiers de polices.

rsms.me inter "class =" wp-image-4657 jetpack-lazy-image "srcset =" https://i2.wp.com/wphive.com/wp-content/uploads/2019/11/rsms.me- inter.png? w = 768 & ssl = 1 768w, https://i2.wp.com/wphive.com/wp-content/uploads/2019/11/rsms.me-inter.png?resize=159%2C300&ssl=1 159w, https://i2.wp.com/wphive.com/wp-content/uploads/2019/11/rsms.me-inter.png?resize=543%2C1024&ssl=1 543w "data-lazy-tailles =" (largeur maximale: 709px) 85vw, (largeur maximale: 909px) 67vw, (largeur maximale: 984px) 61vw, (largeur maximale: 1362px) 45vw, 600px "src =" https://i2.wp.com /wphive.com/wp-content/uploads/2019/11/rsms.me-inter.png?fit=543%2C1024&ssl=1&is-pending-load=1

Amélioration de l'interface d'administration WordPress

Après la mise à jour, vous remarquerez immédiatement quelques changements dans l'apparence de l'interface utilisateur de l'administrateur WordPress. Ces changements visent principalement à améliorer l'accessibilité.

Dans le tableau de bord de l’administrateur, vous remarquerez immédiatement certaines des modifications apportées à la version 5.3.

Modifications de l'interface utilisateur WordPress "class =" wp-image-4662 jetpack-lazy-image "data-recalc-dims =" 1 "srcset =" https://i0.wp.com/wphive.com/wp-content/uploads /2019/11/WordPress-5.3-UI-Changes-1.png?w=1019&ssl=1 1019w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress- 5.3-UI-Changes-1.png? Resize = 300% 2C145 & ssl = 1 300w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-5.3-UI-Changes -1.png? Resize = 768% 2C370 & ssl = 1 768w "data-lazy-tailles =" (largeur maximale: 709px) 85vw, (largeur maximale: 909px) 67vw, (largeur maximale: 1362px) 62vw, 840px " src = "https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-5.3-UI-Changes-1.png?w=840&is-pending-load=1#038 ; ssl = 1

Meilleure prévisualisation de page ou de publication

Vous ferez face à une nouvelle expérience de prévisualisation lorsque vous utilisez l'éditeur de blocs lors de la création d'un message ou d'une page.

Dans l'aperçu de l'éditeur WordPress 5.3 "class =" wp-image-4665 jetpack-lazy-image "srcset =" https://i1.wp.com/wphive.com/wp-content/uploads/2019/11/In-Editor -Preview-WordPress-5.3.png? W = 1024 & ssl = 1 1024w, https://i1.wp.com/wphive.com/wp-content/uploads/2019/11/In-Editor-Preview-WordPress-5.3. png? resize = 300% 2C173 & ssl = 1 300w, https://i1.wp.com/wphive.com/wp-content/uploads/2019/11/In-Editor-Preview-WordPress-5.3.png?resize=768 % 2C442 & ssl = 1 768w "data-lazy-tailles =" (largeur maximale: 709px) 85vw, (largeur maximale: 909px) 67vw, (largeur maximale: 1362px) 62vw, 840px "src =" https: // i1 .wp.com / wphive.com / wp-content / uploads / 2019/11 / Dans-Editor-Preview-WordPress-5.3.png? fit = 840% 2C483 & ssl = 1 & is-waiting-load = 1

Le nouveau thème par défaut Twenty Twenty améliore définitivement l'utilisation de blocs.

Mode de navigation

Dans WordPress 5.3, un nouveau mode de navigation a été introduit dans l'éditeur de blocs. Vous pouvez passer d’un bloc à l’autre en utilisant la touche de tabulation du clavier.

Vous pouvez également utiliser les touches fléchées pour naviguer entre différents blocs. Une fois que vous avez atteint le bloc que vous souhaitez modifier, vous pouvez accéder au mode édition en appuyant sur la touche Entrée. Utilisez la touche Echap si vous souhaitez revenir au mode de navigation.

Nouveau bloc de groupe

Dans WordPress 5.3, plusieurs nouveaux blocs WordPress ont été introduits. Le nouveau bloc Groupe vous permet de regrouper d’autres blocs et de diviser facilement votre publication en sections colorées avec des options de couleur d’arrière-plan. Vous n'avez pas besoin d'entrer et de définir une couleur d'arrière-plan pour chaque bloc.

Bloc de groupe WordPress "class =" wp-image-4670 jetpack-lazy-image "data-recalc-dims =" 1 "srcset =" https://i0.wp.com/wphive.com/wp-content/uploads /2019/11/WordPress-5.3-Group-Block.png?w=857&ssl=1 857w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-5.3- Group-Block.png? Resize = 300% 2C159 & ssl = 1 300w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-5.3-Group-Block.png?resize = 768% 2C406 & ssl = 1 768w "données-lazy-tailles =" (largeur maximale: 709px) 85vw, (largeur maximale: 909px) 67vw, (largeur maximale: 1362px) 62vw, 840px "src =" src = "https: / /i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-5.3-Group-Block.png?w=840&is-pending-load=1#038;ssl=1

Nouveau bloc d'espacement

Vous trouverez un nouveau bloc d'espacement dans l'option «Éléments de mise en page». Dans la barre d'outils supérieure, vous pouvez afficher les paramètres de bloc pour définir la hauteur du bloc d'espacement en pixels.

Bloc d'espacement WordPress "class =" wp-image-4671 jetpack-lazy-image "srcset =" https://i2.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Spacer-Block .png? w = 1024 & ssl = 1 1024w, https://i2.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Spacer-Block.png?resize=300%2C165&ssl=1 300w , https://i2.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Spacer-Block.png?resize=768%2C422&ssl=1 768w "data-lazy-tailles =" ( max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px "src =" https://i2.wp.com/wphive.com/wp-content/uploads /2019/11/WordPress-Spacer-Block.png?fit=840%2C461&ssl=1&is-pending-load=1

Ou vous pouvez également utiliser le point bleu pour activer un nouveau calibreur «interactif», ce qui est également très cool. La hauteur en pixels s'ajustera automatiquement.

WordPress Block Resizer "class =" wp-image-4672 jetpack-lazy-image "data-recalc-dims =" 1 "src =" https://i0.wp.com/wphive.com/wp-content/uploads/ 2019/11 / WordPress-Block-Resizer.gif? W = 840 & est-en-attente-chargement = 1 # 038; ssl = 1 "srcset =" https://wphive.com/data:image/gif;base64,https:/ /wphive.com/R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAAAAAIBRAA7

Améliorations apportées au bloc de colonnes

Dans la version mise à jour, des améliorations ont été apportées au bloc Column. Maintenant, le bloc Colonnes prend en charge les largeurs de colonne fixes, redimensionne les colonnes et aligne les colonnes.

Bloc de colonnes WordPress "class =" wp-image-4674 jetpack-lazy-image "data-recalc-dims =" 1 "srcset =" https://i2.wp.com/wphive.com/wp-content/uploads/ 2019/11 / WordPress-Column-Block.png? W = 697 & ssl = 1 697w, https://i2.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Column-Block.png ? resize = 300% 2C124 & ssl = 1 300w "données-lazy-tailles =" (largeur maximale: 709px) 85vw, (largeur maximale: 909px) 67vw, (largeur maximale: 984px) 61vw, (largeur maximale: 1362px ) 45vw, 600px "src =" https://i2.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Column-Block.png?w=840&is-pending-load=1# 038; ssl = 1

Améliorations du bloc de couverture

Vous pouvez maintenant définir une couleur d’arrière-plan pour le bloc Couverture. Il vous permet d'ajouter une image ou une vidéo avec une superposition de texte, par exemple un en-tête.

Bloc d'en-tête WordPress "class =" wp-image-4675 jetpack-lazy-image "data-recalc-dims =" 1 "srcset =" https://i1.wp.com/wphive.com/wp-content/uploads/ 2019/11 / WordPress-Header-Block.png? W = 696 & ssl = 1 696w, https://i1.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Header-Block.png ? resize = 300% 2C112 & ssl = 1 300w "données-lazy-tailles =" (largeur maximale: 709px) 85vw, (largeur maximale: 909px) 67vw, (largeur maximale: 984px) 61vw, (largeur maximale: 1362px ) 45vw, 600px "src =" https://i1.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Header-Block.png?w=840&is-pending-load=1# 038; ssl = 1

Vous pouvez également utiliser le même analyseur interactif pour modifier la taille du bloc d’en-tête.

WordPress Cover Block Resizer "class =" wp-image-4676 jetpack-lazy-image "data-recalc-dims =" 1 "src =" https://i0.wp.com/wphive.com/wp-content/uploads /2019/11/WordPress-Cover-Block-Resizer.gif?w=840&is-pending-load=1#038;ssl=1 "srcset =" https://wphive.com/data:image/gif;base64, https://wphive.com/R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAAAAAIBRAA7

Personnalisation plus poussée du bloc de boutons

Dans WordPress 5.3, vous pouvez personnaliser les blocs de boutons avec un rayon à partir de l'éditeur de blocs. Vous n’avez pas à le faire via CSS.

Mise à jour du rayon du bouton du bouton WordPress "class =" wp-image-4678 jetpack-lazy-image "srcset =" https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress- Button-Block-Border-Radius-Update.png? W = 1024 & ssl = 1 1024w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Button-Block-Border -Radius-Update.png? Resize = 300% 2C138 & ssl = 1 300w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Button-Block-Border-Border-Radius- Update.png? Resize = 768% 2C353 & ssl = 1 768w "data-lazy-tailles =" (largeur maximale: 709px) 85vw, (largeur maximale: 909px) 67vw, (largeur maximale: 1362px) 62vw, 840px "8vpx" src = "https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Button-Block-Border-Radius-Update.png?fit=840%2C386&ssl=1&is-pending- charge = 1

Le bloc de tableau prend en charge les lignes d'en-tête / pied de page et l'alignement de tableau, disponibles dans les paramètres de bloc.

WordPress Table Block Header Footer "class =" wp-image-4679 jetpack-lazy-image "srcset =" https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Table -Block-Header-Footer.png? W = 1024 & ssl = 1 1024w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Table-Block-Header-Footer. png? resize = 300% 2C203 & ssl = 1 300w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Table-Block-Header-Footer.png?resize=768 % 2C521 & ssl = 1 768w "data-lazy-tailles =" (largeur maximale: 709px) 85vw, (largeur maximale: 909px) 67vw, (largeur maximale: 1362px) 62vw, 840px "src =" https: // i0 .wp.com / wphive.com / wp-content / uploads / 2019/11 / WordPress-Table-Block-Header-Footer.png? fit = 840% 2C569 & ssl = 1 & is-pending-load = 1

Changement de couleur des blocs de titre

Avec WordPress 5.3, vous pouvez contrôler la couleur du texte et de l’arrière-plan. Les couleurs par défaut dépendent du thème. Vous pouvez également utiliser le lien Couleur personnalisée pour sélectionner une couleur.

Option de couleur de titre WordPress "class =" wp-image-4680 jetpack-lazy-image "srcset =" https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Heading- Color-Option.png? W = 1024 & ssl = 1 1024w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Heading-Color-Option.png?resize=300 % 2C154 & ssl = 1 300w, https://i0.wp.com/wphive.com/wp-content/uploads/2019/11/WordPress-Heading-Color-Option.png?resize=768%2C395&ssl=1 768w "données -lazy-tailles = "(largeur maximale: 709px) 85vw, (largeur maximale: 909px) 67vw, (largeur maximale: 1362px) 62vw, 840px" src = "https://i0.wp.com/wphive. com / wp-content / uploads / 2019/11 / WordPress-Heading-Color-Option.png? fit = 840% 2C432 & ssl = 1 & est en attente de chargement = 1

Amélioration de l'accessibilité

WordPress 5.3 inclut des améliorations globales de l'accessibilité. Ces problèmes d’accessibilité améliorés, tels que le contraste des couleurs sur les champs de formulaire et les boutons, la cohérence entre les interfaces éditeur et administrateur, les nouvelles notifications «snack bar» et la normalisation du schéma de couleurs WordPress par défaut.

Rotation automatique de l'image

La version mise à jour de WordPress prend en charge la rotation automatique des images. Lors du téléchargement, les images seront parfaitement pivotées en fonction des données d'orientation intégrées.

Vérification du courrier électronique de l'administrateur

Lorsque vous vous connectez en tant qu'administrateur, vous recevez à chaque fois une vérification par courrier électronique. Cela réduit les chances de rester bloqué sur votre site si vous modifiez votre adresse e-mail.

Tests d'état du site

La nouvelle version facilite encore l'identification des problèmes. Les améliorations spécifiques incluent des modifications de l'indicateur de classement, des améliorations du courrier électronique de récupération et de nouveaux filtres pour effectuer les tests d'état du site.

Autre amélioration

  • WordPress 5.3 apporte de nombreuses améliorations aux développeurs. Voir le fonctionnaire Communiqué de presse pour une couverture complète.
  • Les versions précédentes de WordPress utilisaient le fichier robots.txt pour dissuader les moteurs de recherche d’indexer un site Web. WordPress 5.3 a plutôt introduit une balise méta au niveau de la page.
  • WordPress 5.3 est également entièrement compatible avec la prochaine version de PHP 7.4.

Il comprend également des fonctions améliorées de données et de fuseau horaire. Cela aide les développeurs à mieux les utiliser.

Comment mettre à jour vers WordPress 5.3

WordPress 5.3 est publié pour tous les utilisateurs. Vous verrez la notification de mise à jour de version WordPress dans votre tableau de bord administrateur. Ou vous pouvez télécharger WordPress manuellement à partir du lien suivant.

Vous pouvez simplement cliquer pour mettre à jour. Encore une fois, n’oubliez pas de sauvegarder votre site avant de mettre à jour WordPress.

Partagez cet article

Newsletter

Inscrivez-vous à notre newsletter pour profiter de toutes nos astuces !

Laissez une réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *