Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Les témoignages sont une partie importante de tout site Web et peuvent souvent être le facteur décisif pour que le visiteur de votre site Web devienne un client ou passe à votre concurrent. Lorsque vous avez vraiment des clients qui sont tellement satisfaits de votre produit ou service qu’ils sont prêts à donner un brillant témoignage, vous voulez les montrer à tous les visiteurs de votre site Web.

Un curseur de témoignage est un excellent moyen de présenter une gamme d’avis clients dans une seule zone de l’écran, et le module de curseur Divi est un excellent moyen de le faire.

Cette mise en page gratuite utilise le module de curseur Divi avec des images (logo) ajoutées via les modules de texte ci-dessous pour créer des liens visuels pour contrôler chaque diapositive. La mise en page comprend un module de code qui contient le code jQuery pour lier les images de logo aux diapositives qu’elles contrôlent.

Disposition du curseur de témoignage Divi

Voir la mise en page Démo en direct

Téléchargez et importez la mise en page Témoignages

  1. Télécharger les Fichier ZIP de mise en page du curseur de témoignage et extrayez-y le fichier JSON
  2. Dans votre Divi Builder, cliquez sur l’icône de portabilité (les flèches haut / bas).
  3. Cliquez dessus importer Cliquez sur l’onglet et sélectionnez le JSON que vous venez de télécharger.
  4. Décochez la case Remplacer le contenu existant Cochez cette case si vous avez déjà du contenu sur votre page que vous souhaitez conserver.
  5. Cliquer sur Importer la mise en page Divi Builder et le curseur sera chargé dans votre page

Comment modifier la mise en page des témoignages

Mise en page filaire

Changer le contenu de la diapositive

  1. Pour changer le contenu de la diapositive, vous devez éditer chaque diapositive dans le module curseur comme vous le feriez avec n’importe quel curseur dans Divi.
  2. le Faire glisser l’image et Faire glisser l’image d’arrière-plan (les captures d’écran) sont les mêmes images et sont au format PNG 450px x 285px
  3. Tous les autres réglages du curseur sont effectués dans le module de curseur et dans les paramètres de la diapositive. Filtrez sur les styles modifiés dans le module pour voir facilement ce qui a changé.

Image de diapositive et image d'arrière-plan

Changer les images du logo dans les curseurs externes

Les 3 images du logo sous le curseur contrôlent les diapositives avec le Contrôlez le curseur Divi avec des liens externes Didacticiel.

Vous pouvez utiliser n’importe quelle image (ou lien texte) pour ces contrôleurs. Cependant, vous devez vous assurer que chacun de vos logos d’image est inclus dans un lien VOTRE TEXTE OU VOTRE IMAGE ICI avec DTE-Foil-1, DTE-Foil-2 et DTE-Foil-3 etc. selon le numéro de feuille auquel il est lié.

  1. Accédez à Médias> Ajouter nouveau et téléchargez votre logo. La taille d’image que j’ai utilisée est de 180 px x 35 px PNG
  2. Aller à Médias> Bibliothèque et cliquez sur votre logo pour ouvrir les détails de la pièce jointe. Copiez le lien URL dans votre logo
  3. Dans la 2ème ligne, cliquez sur les paramètres du module de texte pour le logo que vous souhaitez modifier
  4. Sous l’onglet Contenu, cliquez sur Mode texte pour voir le code HTML. Remplacez l’image src URL avec l’URL de l’image que vous venez de copier pour la faire ressembler à ceci.   mon logo

Modifier l'URL du logo du curseur

Ajouter plus de diapositives au curseur de témoignage

Vous pouvez ajouter plus de diapositives au module de curseur comme vous le feriez normalement, mais vous devrez également ajouter ou modifier les contrôles de logo externes sous le curseur.

  1. Ajoutez une nouvelle diapositive au module de curseur comme d’habitude.
  2. Dans la ligne avec les modules de texte dans lesquels se trouvent les logos, changez le nombre de colonnes de 3 à 4.
  3. Copiez l’un des logos du module de texte existant, collez-le dans votre nouvelle 4ème colonne et modifiez l’URL de l’image du logo et ID de lien
    DTE slide-4« > VOTRE NOUVELLE PHOTO ICI
  4. Vous pouvez ajouter jusqu’à 6 colonnes et logos avec des liens vers 6 diapositives du module de curseur sans avoir à modifier le jQuery dans le module de code. Mettez simplement à jour l’ID de lien pour chaque nouveau module de texteDTE film-5« > OuDTE film-6«>. Pour plus d’informations, consultez le didacticiel sur le lien ci-dessus.

Curseur de témoignage à 6 colonnes



Source link

Recent Posts