Dans cet article, je vais vous montrer les nouveautés du dernier Mise à jour WordPress 6.4! Avec cette mise à jour, WordPress se rapproche de son objectif de devenir un CMS plus collaboratif et plus riche en fonctionnalités. 

Wordpress 6.3 2023Wordpress 6.4 2024

1. Le nouveau thème Twenty Twenty-Four est désormais disponible

Thème Vingt Vingt-Quatre PhotographesThème Vingt-Quatre Entrepreneurs

WordPress a officiellement lancé son prochain thème majeur – le thème Twenty Twenty-Four ! Ce thème vise une plus grande flexibilité pour s’adapter à une variété de cas d’utilisation et de professionnels de l’industrie. Par exemple, il existe des variantes du thème pour les propriétaires/entrepreneurs de petites entreprises, les écrivains/blogueurs et les photographes/créatifs. 

Le thème a également reçu de nombreuses améliorations de performances pour accélérer le chargement des pages et offrir un meilleur référencement dès le départ.  

Vous pouvez explorer démo live du thème Twenty Twenty-Four ici, ou consultez les éléments de conception intégrés à ce thème sur la page Page WordPress Figma.

Cours WordPress simplifié : Comment créer des sites Web puissants par Davies Media Design

2. Nouvelle fonctionnalité de visionneuse d'images

Activer Image Lightbox dans la nouvelle fonctionnalité WordPress 6.4

Les images WordPress bénéficient ENFIN d'une fonctionnalité « lightbox » par défaut. Cela signifie que lorsqu'un visiteur du site clique sur une image sur une page Web, l'image s'agrandit pour afficher sa version en taille réelle, ou au moins une version plus grande que l'aperçu/la miniature.

Cette nouvelle fonctionnalité est disponible pour le bloc Image et le bloc Galerie. Pour activer cette fonctionnalité, cliquez simplement sur l'image dans l'éditeur de blocs et activez l'option « Activer au clic » sous l'onglet Bloc de la barre latérale des paramètres pour ce bloc. 

3. Les blocs de groupe obtiennent des images d'arrière-plan

Les blocs de groupe prennent en charge les images BG WordPress 6.4 Popup

WordPress 6.4 introduit la possibilité d'ajouter des images d'arrière-plan aux blocs « Groupe ». Cela signifie que les images d'arrière-plan ne se limitent plus au bloc « Couverture », offrant ainsi aux concepteurs plus de flexibilité lors de la conception de pages Web.

Pour utiliser cette fonctionnalité, cliquez sur le bloc de groupe auquel vous souhaitez ajouter l'image, puis accédez à l'onglet « Styles » dans la barre latérale Paramètres du bloc. Faites défiler jusqu'à la section « Arrière-plan » et cliquez pour ajouter votre image d'arrière-plan.

Il semble qu’à l’heure actuelle, il n’y ait pas de fonction de couleur « superposition » à ajouter sur l’image. Ainsi, si vous souhaitez éclaircir ou assombrir l'image d'arrière-plan pour rendre le texte plus visible, par exemple, vous devrez effectuer ces modifications avant de télécharger l'image.

Ajouter des boutons de navigation sans code WordPress 6.4 Popup

Une nouvelle fonctionnalité très pratique de WordPress 6.4 est la possibilité d'ajouter le bloc « Boutons » à vos menus de navigation. Vous pouvez désormais facilement ajouter un bouton accrocheur à votre navigation principale, le tout sans avoir besoin de coder ! C'est un excellent moyen d'améliorer rapidement l'expérience utilisateur sur votre site et de générer des conversions.

Pour accéder à cette fonctionnalité, vous devez localiser la partie du modèle « En-tête » où se trouve votre navigation principale. Allez dans Apparence>Éditeur pour ouvrir l'éditeur de site, puis cliquez sur « Modèles ». Faites défiler vers le bas jusqu'à l'endroit où il est indiqué « Parties du modèle » et cliquez sur « En-tête ». Cliquez sur le modèle intitulé « En-tête » qui s'affiche ici.

Depuis la partie modèle d'en-tête, qui sera désormais ouverte dans l'éditeur de site, cliquez sur le bloc Navigation. Dans la barre latérale Paramètres de blocage, cliquez sur le signe « + » qui apparaît sous la section « Menu » (sous l'onglet « Vue en liste »). Tapez « Boutons » dans le champ de recherche ou sélectionnez l’option « Boutons » si elle s’y affiche par défaut. Vous pouvez désormais ajouter du texte à votre bouton, le lier à n'importe quelle page ou section de votre page et personnaliser le style du bouton !

Lorsque vous avez terminé, cliquez sur « Enregistrer » pour enregistrer vos modifications. Les modifications seront désormais appliquées partout où la partie principale du modèle « En-tête » est affichée sur votre site. 

5. Nouveau paramètre d'orientation verticale du texte

Créer un texte vertical Popup de démonstration WordPress 6.4

WordPress 6.4 prend officiellement en charge le texte vertical ! L'orientation du texte peut être modifiée du texte horizontal standard au nouveau texte vertical à partir des blocs Paragraphe et Titre. 

Vous pouvez modifier l'orientation de votre texte depuis l'éditeur de blocs en cliquant sur le bloc qui contient le texte que vous souhaitez modifier, puis accédez à la barre latérale des paramètres du bloc.

Sous « Typographie », cliquez sur l'icône du menu Kabob (menu à trois points) et sélectionnez « Orientation du texte ». Une petite paire d'icônes d'orientation apparaîtra maintenant – cliquez sur l'icône « verticale » pour rendre votre texte vertical.

Pour personnaliser davantage le texte vertical, modifiez simplement l'alignement du texte à l'aide de la barre d'outils Bloc. « Aligner à droite » fera lire le texte de bas en haut, tandis que « Aligner à gauche » retournera le texte pour qu'il se lise de haut en bas.

6. La vue Liste reçoit plusieurs nouvelles fonctionnalités

La fonctionnalité « List View » de WordPress joue un rôle de plus en plus important à chaque nouvelle itération de WordPress. Cette version la plus récente ne fait aucune différence, la vue liste recevant davantage d'attention de la part des contributeurs WordPress. 

Les deux nouvelles fonctionnalités les plus notables ajoutées à la vue Liste incluent les aperçus d'images et les étiquettes de bloc de groupe modifiables. 

Aperçus d'images

Affichage de la liste Aperçus des images WordPress 6.4 Popup

Les nouveaux aperçus d'images de la vue Liste vous permettent de voir rapidement quelles images peuvent être contenues dans un bloc, notamment une galerie ou un bloc d'images.

Un effet secondaire positif de cette nouvelle fonctionnalité est que la recherche de blocs spécifiques devrait désormais être beaucoup plus facile, en particulier lorsque vous avez de nombreux blocs imbriqués et instances du même type de bloc (c'est-à-dire plusieurs blocs d'images sur une seule page).

Renommer les blocs de groupe

Renommer le groupe d'étiquettes bloque la fenêtre contextuelle WordPress 6.4

La dernière fonctionnalité mentionnée est la nouvelle fonctionnalité de renommage des blocs de groupe. Vous pouvez désormais renommer n'importe quel bloc de groupe dans la vue Liste, ce qui facilite l'étiquetage des différents blocs de groupe.

Encore une fois, cette fonctionnalité devrait faciliter la recherche de différents blocs de groupe sur une page Web, en particulier lorsque vous disposez de nombreux groupes différents. 

Dupliquer des blocs avec une nouvelle touche de raccourci

La dernière nouvelle fonctionnalité d'affichage en liste que je mentionnerai ici est la toute nouvelle touche de raccourci pour la duplication de blocs. Utilisez simplement ctrl+shift+d (Windows) ou cmd+shift+d (MAC) pour dupliquer n'importe quel bloc ou groupe de blocs. Cela dupliquera non seulement l'élément de liste dans la vue Liste, mais également le bloc ou l'ensemble de blocs réel sur votre page Web dans l'éditeur de blocs.

Cours WordPress simplifié : Comment créer des sites Web puissants par Davies Media Design

7. Nouvelle fonctionnalité de catégorie de modèles

Catégoriser les modèles Popup de démonstration WordPress 6.4

Avec cette dernière version de WordPress vient une nouvelle fonctionnalité vous permettant de catégoriser un modèle nouvellement créé (une collection de blocs prédéfinis/pré-stylisés). Étant donné que les modèles sont organisés dans l'onglet « Modèles » de l'outil d'insertion de blocs, cette nouvelle fonctionnalité facilite le tri rapide de vos nouveaux modèles et les trouve lorsque vous en avez besoin. 

Pour utiliser cette fonctionnalité, localisez le bloc ou le groupe de blocs que vous souhaitez convertir en modèle. Cliquez sur l'icône de brochette « Options » dans la barre d'outils et sélectionnez « Créer un motif ».

Dans la fenêtre qui apparaît, saisissez le nom que vous souhaitez attribuer à votre nouveau motif, puis utilisez le nouveau champ « Catégorie » pour sélectionner le nom d'une catégorie existante ou saisir un nouveau nom de catégorie.

Appuyez sur la touche Entrée pour appliquer un nouveau nom de catégorie. Cliquez sur « Créer » pour créer le nouveau modèle avec une catégorie attribuée. 

8. Partager des modèles sur plusieurs sites

Partager des modèles sur plusieurs sites WordPress 6 4 Popup

L'une des nouvelles fonctionnalités les plus impressionnantes qui passent inaperçues est la possibilité d'exporter et d'importer des modèles sous forme de fichiers JSON pour partager et utiliser facilement des modèles sur plusieurs sites. Vous ne savez pas ce qu'est un fichier JSON ? Ne vous inquiétez pas, vous n'avez pas besoin de modifier le fichier JSON réel pour que la fonctionnalité fonctionne.

Accédez simplement à Apparence>Éditeur pour accéder à l'éditeur de site. Ensuite, accédez à la section « Modèles ». Localisez le motif que vous souhaitez exporter et cliquez sur le lien du menu à trois points/kabob. Sélectionnez « Exporter en JSON » dans le menu. 

Ensuite, choisissez ou créez un nouveau dossier dans lequel vous souhaitez enregistrer le fichier de modèle, nommez le fichier, puis cliquez sur « Enregistrer ». 

Accédez à l'administrateur WP du site sur lequel vous souhaitez télécharger le modèle et accédez à nouveau à l'éditeur du site (Apparence> Éditeur> Modèles). Cliquez sur l'icône «+» à côté du titre «Modèles» et sélectionnez «Importer un modèle depuis JSON».

Sélectionnez le fichier JSON sur votre ordinateur et cliquez sur « Ouvrir ». Vous devriez maintenant voir votre modèle dans la catégorie « Mes modèles ». 

Notez que les styles à l'échelle du site ne seront pas transférés vers votre modèle sur le nouveau site, mais vous pouvez modifier manuellement les styles du modèle pour le styliser à votre guise. 

9. L'alignement des blocs dans les modèles synchronisés est désormais mis à jour sur l'ensemble du site

Mises à jour d'alignement Modèles synchronisés WordPress 6.4 Popup

WordPress 6.4 ajoute des fonctionnalités supplémentaires aux modèles synchronisés en appliquant de nouveaux paramètres d'alignement à toutes les instances d'un modèle synchronisé. 

Appliquez simplement un nouveau paramètre d'alignement à un modèle synchronisé via l'éditeur de blocs, puis cliquez sur « Publier », suivi de « Enregistrer » pour enregistrer les modifications dans tous les modèles synchronisés (vous verrez ici une liste de tous les modèles synchronisés où cette modification sera appliquée). être appliqué – avec une coche à côté de chaque élément).

10. Définir le rapport hauteur/largeur pour les images d'espace réservé

Verrouiller les images d'espace réservé au format d'image Popup WordPress

La prochaine étape dans WordPress 6.4 est une nouvelle fonctionnalité qui vous permet de définir le rapport hauteur/largeur des images d'espace réservé sur vos pages Web ou votre article de blog.

Pour utiliser cette fonctionnalité, insérez un bloc d'image dans votre page Web. Ensuite, dans la barre latérale Paramètres du bloc, sous l'onglet « Paramètres », cliquez sur le menu déroulant « Rapport d'aspect » et sélectionnez le rapport d'aspect que vous souhaitez définir pour ce bloc. Toutes les futures images que vous ajouterez à ce bloc auront désormais le rapport hauteur/largeur que vous aurez défini.

Cette fonctionnalité est idéale pour les modèles car vous pouvez ajouter une image d'espace réservé à la conception d'une page Web sans vous soucier des changements de rapport hauteur/largeur en fonction de l'image téléchargée.

11. Barres d'outils pour les blocs de liste, de devis et de navigation améliorées

WordPress a apporté des améliorations à ces trois blocs d'écriture afin d'améliorer l'expérience d'écriture dans WordPress et de la rendre plus cohérente. 

12. La palette de commandes obtient de nouveaux raccourcis dans l'éditeur de site

La communauté WordPress a implémenté de nouveaux raccourcis pour la fonctionnalité Command Palette initialement introduite dans WordPress 6.3. Depuis la palette de commandes, à laquelle vous pouvez accéder avec la touche de raccourci ctrl+k (Windows) ou cmd+k (MAC), vous pouvez désormais ouvrir et fermer la vue liste, afficher ou masquer le fil d'Ariane en bas de l'éditeur de site, ou activez ou désactivez le « Mode sans distraction ».

Pour effectuer l'une de ces actions, il vous suffit d'appuyer sur ctrl+k pour afficher la palette de commandes, de commencer à taper le nom de l'action (c'est-à-dire « bread » pour « Masquer le fil d'Ariane du bloc » ou « list » pour « Basculer l'affichage de la liste). ») puis cliquez sur l'action dans la liste qui s'affiche. Si l'action est la première de la liste, il vous suffit d'appuyer sur la touche Entrée de votre clavier.

Langage de la palette de commandes amélioré

En plus de la nouvelle fonctionnalité ci-dessus, la palette de commandes a également reçu un langage amélioré lors de l'affichage des actions et d'autres résultats de recherche.

Pour l'essentiel, le langage a été simplifié afin que l'action ou l'outil que vous recherchez s'affiche avec un minimum de texte.

Par exemple, lorsque vous commencez à taper « Nav », au lieu de dire « Ouvrir la navigation », il dira simplement « Navigation ». En cliquant sur cette entrée, vous ouvrirez l'écran de navigation dans l'éditeur de site.

13. Nouvelles fonctionnalités supplémentaires

WordPress 6.4 a également reçu plus de 100 améliorations de performances, notamment des améliorations du chargement des images, des thèmes et d'autres ressources de page importantes. Ces améliorations de performances devraient améliorer l'expérience utilisateur pour les concepteurs, ainsi que contribuer à rendre WordPress plus optimisé pour la recherche prête à l'emploi (ce qui est idéal pour le référencement et le classement des pages !). 

C'est tout pour les nouveautés de WordPress 6.4 ! Si vous souhaitez en savoir plus sur WordPress et la conception de sites Web, consultez mon Cours WordPress simplifié 2023 : Comment créer des sites Web puissants sur Udemy. Vous pouvez également regarder mon Tutoriels vidéo WordPress ou lisez l'un de mes Articles d'aide WordPress (disponible dans plus de 40 langues).

Davies Media Design Newsletter par courrier électronique sur les applications créatives gratuites

Abonnez-vous à la newsletter DMD

Inscrivez-vous pour recevoir de nouveaux didacticiels, des mises à jour de cours et les dernières nouvelles sur vos applications créatives gratuites préférées !

Vous avez avec succès Inscrit!

Pin It sur Pinterest