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

Beaucoup d’entre nous connaissent la plate – forme WordPress , grâce à laquelle 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 Internet. Par exemple, nous pouvons ajouter une vidéo MP4 à notre page .

Divi nous permet de profiter davantage de cette plateforme en ajoutant des outils pour personnaliser notre site Web. Dans cet article, nous allons vous 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 entrer une étiquette de texte . De là, nous devons accéder à la configuration du module. Ensuite, nous aurons toutes les options et paramètres disponibles à appliquer au texte.

Tout d’abord, nous aurons les options pour 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 lettre, l’alignement du texte, si nous voulons insérer des tableaux, faire des citations, inclure des hyperliens, entre autres options.

Ensuite, nous avons la section conception. Ici, nous trouvons de nombreuses options pour modifier la conception de chacun des formats de texte du module.

Par exemple, nous pouvons ajouter des motifs 3D aux lettres , changer la couleur, même ajouter 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 paramètres pour que vous puissiez choisir celui qui convient le mieux au style que vous recherchez.

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

Comment insérer une image avec Divi dans WordPress 

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

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

1. Tout d’abord, nous sommes situés dans notre entrée WordPress .
2. Ensuite, nous positionnons notre curseur là où nous voulons charger l’image et la télécharger. Dans le cas où notre image est dans la bibliothèque, nous la sélectionnons.
3. Nous accédons maintenant aux paramètres du module image et le panneau de configuration Divi s’ouvrira.
4. Où sont toutes les options que nous pouvons appliquer à l’image sélectionnée.

Configuration de l’image dans WordPress avec Divi

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

Contenu

C’est la section principale, à partir de là, nous pouvons changer l’image sélectionnée. Autrement dit, 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 définir la façon dont ce lien se comporte. 

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

Conception

Nous trouvons ici les options qui nous permettent de transformer notre image en un élément plus interactif . Eh bien, nous avons la section superposition, où les options sont affichées pour définir le comportement de 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 à l’ alignement de l’image par rapport à la page , sa taille, 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 appliquer à l’image.

Enfin, des options d’animation qui nous permettent d’ ajouter du mouvement aux images en peu de temps avec tous les paramètres de temps d’animation.

Avancée

Ce dernier onglet contient des options pour lier l’élément à une feuille de style CSS. Nous pouvons également ajouter ici les options de positionnement Web de l’image, telles que le titre et le texte alternatif.