Revenir à la liste des blocs

le Bloc d’image peut être ajouté à une page en cliquant sur le bouton Ajouter un bloc.

Ajoutez des images avec le bouton plus.

Vous pouvez également saisir /image et appuyez sur Entrée.

Ajoutez des images avec une commande de raccourci clavier.
Ajoutez des images avec une barre oblique.

Des instructions détaillées sur la façon d’ajouter des blocs peuvent être trouvées ici Ici.

Chaque bloc possède ses propres commandes spécifiques au bloc que vous pouvez utiliser pour éditer le bloc directement dans l’éditeur.

Symboles de large et pleine largeur.
Icônes larges et pleine largeur spécifiques aux blocs d’image (non disponibles dans tous les thèmes).
  • Changer le type de bloc
  • Aligner
  • Plus d’options

Ajouter une image Ajouter une image

La fenêtre des options multimédias contient trois options: Télécharger, Médiathèque, et Coller depuis l’URL.

Il existe trois façons d'ajouter des images: Télécharger, Médiathèque et Coller depuis l'URL.
Il existe trois façons d’ajouter des images: Télécharger, Médiathèque et Coller depuis l’URL.

Le téléchargement et la médiathèque vous permettent d’ajouter ou de sélectionner des contenus multimédias dans votre bibliothèque et de les intégrer dans votre page.

Ajoutez simplement l’image dans l’onglet Télécharger les fichiers, puis sélectionnez-la dans l’onglet Médiathèque. La personnalisation des détails de la pièce jointe d’image tels que le titre, la légende, le texte alternatif et la description dans la fenêtre Médiathèque peut également être utile pour l’optimisation des moteurs de recherche et la navigation future de votre bibliothèque multimédia.

Téléchargez ou sélectionnez une image dans votre bibliothèque multimédia, ajoutez des informations sur l'image, puis appuyez sur Sélectionner.
Téléchargez ou sélectionnez une image dans votre bibliothèque multimédia, ajoutez des informations sur l’image, puis appuyez sur Sélectionner.

Au-dessus de ↑

Redimensionner les images Redimensionner les images

Une fois l’image ajoutée à l’éditeur, vous pouvez la redimensionner et orienter les images pour mieux s’adapter au contenu environnant.

Redimensionnez une image en faisant glisser les poignées.
Redimensionnez une image en faisant glisser les poignées.

Pour redimensionner une image, cliquez sur l’image pour révéler les poignées de dimensionnement déplaçables. Cliquez ensuite sur les poignées de dimensionnement et faites glisser l’image à la taille souhaitée.

Alternativement, la taille de l’image peut être affinée dans les paramètres de bloc sur le côté droit en ajustant les dimensions pour la largeur et la hauteur. Il existe également des options pratiques dans les paramètres de bloc pour définir l’image à 100, 75, 50 et 25% de sa taille d’origine.

Au-dessus de ↑

Aligner les images Aligner les images

Alignez une image dans un bloc de paragraphe.
Alignez une image dans un bloc de paragraphe.

Si vous souhaitez aligner une image dans un paragraphe, vous devez d’abord insérer l’image directement au-dessus du bloc de paragraphe cible.

Boutons d'alignement avec alignement à droite mis en évidence

Là, cliquez sur l’image et choisissez l’alignement à gauche ou à droite. Cela insérera l’image dans le bloc de paragraphe.

Enfin, modifiez la taille de l’image à la largeur et à la hauteur souhaitées.

Au-dessus de ↑

Images large et pleine largeur Images large et pleine largeur

Au fur et à mesure que la prise en charge du nouvel éditeur est ajoutée à nos thèmes, des icônes apparaissent pour les images de grande et pleine largeur. Avec ces deux tailles d’image, vous pouvez agrandir l’image au-delà de la largeur habituelle du contenu du sujet.

Une image «large» dans l'éditeur.
Une image «large» dans l’éditeur.

Au-dessus de ↑

Légendes Légendes

Si vous souhaitez ajouter une légende à une seule instance d’une image, saisissez-la simplement dans la zone de légende sous l’image dans l’éditeur.

Au-dessus de ↑

Vous pouvez utiliser les paramètres de lien pour lier vos images à l’aide d’un lien hypertexte. Vous pouvez cliquer sur l’image pour ouvrir une page de pièce jointe, le fichier multimédia d’origine ou une URL personnalisée de votre choix.

Votre image peut être liée à une page de pièce jointe, à un fichier multimédia ou à une URL personnalisée.
Votre image peut être liée à une page de pièce jointe, à un fichier multimédia ou à une URL personnalisée.

Au-dessus de ↑

l’édition d’image l’édition d’image

Une nouvelle fonctionnalité vous permet de découper rapidement sans quitter l’éditeur. Frappe juste ça récolter Bouton de la barre d’outils.

Une barre d’outils développée s’affiche. De cette façon, vous pouvez zoomer sur une image.

Il existe également des options pour définir le rapport hauteur / largeur, telles que B. pour recadrer l’image dans un carré.

Vous pouvez également faire pivoter l’image si elle vient par le côté.

Après avoir apporté des modifications, cliquez sur Appliquer.

Au-dessus de ↑

Téléchargement d’image externe Téléchargement d’image externe

Parfois, vous utilisez un outil comme Google Docs pour écrire ou collaborer. Lorsque vous êtes prêt à mettre le contenu sur votre site Web, vous pouvez le copier et le coller dans l’éditeur.

Un problème est que ces images sont probablement hébergées dans un endroit différent comme Google et sont facilement corrompues si elles sont modifiées.

Ainsi, lorsque vous copiez et collez une image à partir d’une ressource telle que Google Docs, vous verrez un bouton dans la barre d’outils qui vous permet de la télécharger dans la bibliothèque multimédia. Cliquez dessus et il restera dans la publication, mais il sera également téléchargé dans votre bibliothèque multimédia.

Au-dessus de ↑

Plus d’attitudes Plus d’attitudes

Cette option, représentée par trois points, vous permet d’ajouter plusieurs options supplémentaires au bloc d’image.

Masquer les autres paramètres

le Masquer les autres paramètres Cette option masque (ou affiche) la fenêtre Paramètres de bloc dans la barre latérale de l’éditeur.

Copie

Copie peut être utilisé pour copier un bloc sélectionné puis le coller n’importe où dans l’éditeur.

dupliquer

dupliquer peut être utilisé pour dupliquer les blocs sélectionnés.

Insérer avant

Insérez un nouveau bloc devant les blocs sélectionnés.

Après l’insertion

Insérez un nouveau bloc après les blocs sélectionnés.

Déménager à

Si tu choisis Déménager àSi vous obtenez une ligne bleue dans votre contenu, vous pouvez utiliser les flèches haut et bas pour déplacer cette ligne vers l’endroit où vous souhaitez que le contenu sélectionné se déplace. Si vous appuyez sur Entrée sur votre clavier à ce stade, le bloc sera déplacé vers cette position.

Modifier au format HTML

le Modifier au format HTML Cette option vous permet de modifier le code HTML du bloc d’intégration.

Ajouter aux blocs réutilisables

Utilisation de Ajouter aux blocs réutilisables Cette option vous permet d’ajouter le bloc sélectionné à une liste de blocs réutilisables afin que vous puissiez également les utiliser pour d’autres articles ou pages.

grouper

Choisir grouper Option si vous souhaitez créer un groupe de blocs et les traiter comme une unité. Par exemple, vous pouvez ajouter une couleur d’arrière-plan commune ou d’autres blocs au groupe.

Supprimer le bloc

Avec le Supprimer le bloc possibilité, Vous pouvez supprimer le bloc sélectionné de votre contenu.

Au-dessus de ↑

Chaque bloc a certaines options dans la barre latérale de l’éditeur en plus des options de la barre d’outils des blocs. Si vous ne voyez pas la barre latérale, cliquez sur l’icône d’engrenage à côté du bouton Publier.

Au-dessus de ↑

modes modes

Selon votre sujet, vous pouvez avoir différents styles pour votre image. Dans Twenty Twenty-One, vous pouvez choisir si vous souhaitez que l’image soit arrondie avec des bordures ou un cadre.

Au-dessus de ↑

Paramètres d’image Paramètres d’image

Les paramètres d’image fournissent un champ de texte pour ajouter une autre description textuelle, ce qui est important pour l’accessibilité et l’optimisation des moteurs de recherche.

Vous pouvez également modifier la largeur et la hauteur d’une image par incréments de 25% ou avec des dimensions de pixels exactes.

Au-dessus de ↑

Avancée Avancée

Le champ d’attribut title décrit que Rôle de l’image de votre part. De nombreux appareils et navigateurs n’affichent pas ce texte.

Avec l’ancre HTML, vous pouvez effectuer les opérations suivantes: « AffaireÀ propos de cette image particulière. Saut de page, parfois appelé liens d’ancrage, cliquez sur un lien et il se déplace immédiatement vers le haut ou vers le bas d’une longue page.

Pour activer cela, ajoutez une ancre HTML à votre photo et créez un lien qui saute vers l’ancre.

L’onglet Avancé est également l’endroit où vous pouvez ajouter une classe CSS à votre bloc qui vous permet d’écrire du CSS personnalisé et de formater le bloc comme vous le souhaitez.

changelog

  • Mis à jour le 2021-01-04
    • Toutes les captures d’écran ont été mises à jour vers WordPress 5.6
    • Section ajoutée à l’attribut de titre d’image (Gutenberg 6.9 / WP 5.4)
    • Ajout d’une section sur le téléchargement facile pour les images externes (Gutenberg 8.5 / WP 5.5)
    • Ajout de la section sur le traitement d’image dans l’éditeur de blocs (Gutenberg 8.4 / WP 5.5)
    • L’ancre HTML et les détails du style d’image ont été ajoutés à Advanced
    • L’icône de crayon (Modifier) ​​a été supprimée et un autre menu d’options a été ajouté
    • Le contenu obsolète a été supprimé
    • Réorganisé pour correspondre à la disposition actuelle de la barre d’outils du bloc
  • Mis à jour le 18/06/2020
    • Un lien vers les blocs a été ajouté en haut de la page
    • Le ‘changelog’ a été ajouté.
  • Créée le 07.03.2019



Source link

Recent Posts