Comment insérer un texte ou une image avec Divi dans WordPress – Tutoriel étapes

Beaucoup d’entre nous savent la plateforme WordPress, à travers lequel nous pouvons créer et gérer des pages Web via une interface graphique assez intuitive.

De la même manière, cette plateforme nous offre la possibilité d’ajouter du contenu multimédia à notre site Web. Par exemple, nous pouvons ajouter une vidéo MP4 à notre page.

Divi nous permet de profiter encore plus de cette plateforme en ajoutant des outils pour personnaliser notre site internet. Dans cet article, nous allons expliquer comment insérer un texte ou une image avec Divi dans WordPress.

Comment insérer du texte avec Divi dans WordPress

Pour commencer, nous devons saisir une étiquette de texte. De là, nous devons accéder à la configuration du module. Ensuite, nous aurons toutes les options et tous les paramètres disponibles à appliquer au texte.

Tout d’abord, nous aurons la possibilité d’ajouter le contenu. Ici, nous aurons plusieurs outils pour modifier le texte du module. Par exemple, changez le type de police, le numéro de la lettre, l’alignement du texte, si nous voulons insérer des tableaux, faire des citations, inclure des hyperliens, entre autres options.

insérer du texte dans wordpress avec divi

Ensuite, nous avons la section de conception. Ici, nous trouvons de nombreuses options pour changer le design de chacun des formats de texte que le module a.

Par exemple, nous pouvons ajouter des dessins 3D aux lettres, changez la couleur, mettez même des dégradés de couleurs. De plus, nous pouvons modifier la taille du texte en termes de hauteur et de largeur

De la même manière, nous pouvons ajouter des ombres, des bordures et des animations, avec tous les réglages pour que choisissez celui qui convient le mieux le style que vous recherchez.

La dernière section concerne les options avancées, ici nous avons la possibilité de ajouter une feuille de style CSS à l’ensemble du module et donc à chacun des éléments.

Vous serez peut-être intéressé par l'article suivant:

Comment insérer une image avec Divi dans WordPress

WordPress nous a permis d’insérer plusieurs images dans une entrée sans aucun inconvénient. Cependant, les options lors de son placement à notre entrée ne sont pas les plus diverses ou optimales. Au contraire, ils ne présentent que quelques aspects essentiels ou basiques pour l’image.

Grâce à Divi, nous pouvons télécharger des images et disposer de bien plus d’outils que faire de l’image un élément beaucoup plus dynamique pour notre site. De plus, les étapes que vous devez suivre pour insérer une image avec Divi dans WordPress sont simples, nous vous en parlerons ci-dessous :

  1. Tout d’abord, nous nous plaçons dans notre Article WordPress.
  2. Ensuite, nous positionnons notre curseur là où nous voulons charger l’image et la téléversons. Si notre image est dans la bibliothèque, nous la sélectionnons.
  3. On accède maintenant au paramètres du module d’image et le panneau de configuration Divi s’ouvrira.
  4. Où sont tous les options que nous pouvons appliquer à l’image choisi.

insérer une image avec divi dans wordpress

Paramétrage de l’image dans WordPress avec Divi

Cette configuration divise notre intérêt en trois onglets, chacun a ses paramètres respectifs pour l’image WordPress.

Teneur

C’est la section principale, à partir de là, nous pouvons changer l’image sélectionnée. C’est-à-dire, téléchargez-en un nouveau ou sélectionnez-en un autre dans la bibliothèque. En continuant avec les options de cette section, nous avons l’option de lien, de cette façon nous pouvons inclure un lien vers notre image et nous définissons le comportement de ce lien.

La dernière option de cette section est en bas, ici nous pouvons en sélectionner une image ou même vidéo à mettre en arrière plan à notre image au cas où il n’en aurait pas.

Concevoir

Nous trouvons ici les options qui nous transformons notre image en un élément plus interactif. Eh bien, nous avons la section de superposition, où les options sont affichées pour définir le comportement dans l’image lorsque la souris est positionnée dessus, nous pouvons même configurer un comportement de fenêtre contextuelle pour l’élément.

Les autres options correspondent au alignement de l’image par rapport à la page, la taille de celui-ci, l’espace pour se positionner par rapport aux autres éléments du site, la bordure pour l’ajouter aux images, les restes et les filtres qui peuvent être appliqués à l’image.

Enfin, les options d’animation que vous nous autorisez ajouter du mouvement aux images en courte durée avec tous les paramètres de temps d’animation.

Vous serez peut-être intéressé par l'article suivant:

Avancée

Ce dernier onglet contient des options pour lier l’élément à une feuille de style CSS. Aussi, nous pouvons ajouter ici le options de positionnement Web image, comme le titre et le texte alternatif.

Que pensez-vous de ce contenu ?

Cliquez sur une étoile pour noter !

Score moyen 0 / 5. Dépouillement des votes : 0

Jusqu'à présent, aucun vote. Soyez le premier à évaluer ce contenu.

Deja un comentario