Lorsque nous discutons des options de réponse, nous envisageons généralement de modifier la forme pour tenir compte du contenu de différentes tailles d’écran. Avec Divi, nous pouvons aller plus loin avec un contenu plus réactif. Nous pouvons utiliser le réglage Divi pour réduire la longueur du contenu ou remplacer le contenu ou le style entièrement en fonction de la taille de l’écran. Dans cet article, nous verrons comment ajouter du contenu réactif au module de recommandation de Divi. Nous aborderons deux scénarios différents et présenterons les détails des deux scénarios. On y va. Le premier scénario de témoignage réactif suppose que vous voulez voir un témoignage durable. Cela fonctionne parfaitement sur un bureau avec suffisamment d’espace, mais cela peut entraîner un défilement excessif sur l’appareil mobile. Pour résoudre ce problème, nous pouvons créer deux versions du contenu: une version longue sur le Bureau et une version courte sur l’appareil mobile. Nous pouvons utiliser les paramètres Divi pour afficher le contenu en fonction de la taille de l’écran.
Version de bureau du scénario de recommandation réactive pour la version de bureau, créer la recommandation normalement. Divi recommande que les paramètres par défaut du module affichent vos paramètres de bureau, de sorte que vous n’avez pas besoin de modifier les paramètres. Pour mon témoignage, j’ai utilisé le contenu virtuel du formulaire de témoignage et je l’ai collé plusieurs fois pour créer un grand témoignage. J’ai aussi assombri tous les caractères.
Cela peut être très efficace pour les versions de bureau des sites Web. Les clients connaissent parfois les détails du projet, qui peuvent être utiles aux Prospects. L’exemple suivant montre les références dans la page de service qui insère le paquet de mise en page des services électriques gratuits disponible dans Divi. Nous étendrons cette conception.
Schéma I styles par référence
Neige 1,7em.
Couleur: # FFFFFF taille: 14px hauteur de ligne: 1,7 em Écrire du texte défile vers écrire du texte. Changez la couleur du téléphone en # ffd600 et la taille en 16px. Couleur: # ffd600 taille: 18px Enfin, faites défiler vers la position du texte. Changez la couleur du téléphone en blanc et la taille en 14px. Si vous utilisez du texte d’affaires, assurez – vous que ses paramètres correspondent au texte de localisation. Fermez les paramètres et sauvegardez la page. Couleur: # FFFFFF taille: 14px Résultats de la version Bureau du scénario 2 Voici le module de preuve que nous avons vu sur le Bureau. Quiconque regarde une page sur son téléphone ne verra pas ce témoignage. Lors de la visualisation sur un appareil mobile, le résultat de la version mobile du scénario 2 est la même page. Quiconque regarde la page sur le Bureau ne verra pas ce témoignage. C’est ce que nous recommandons pour étudier comment ajouter du contenu réactif au module Divi. Les paramètres de bureau et de déplacement de Divi permettent d’afficher facilement différents contenus en fonction de la taille de l’écran. Il a tout changé, du contenu corporel à la forme, en passant par des preuves complètement différentes. C’est une bonne façon de créer un contenu réactif pour le module de recommandation Divi. Nous aimerions avoir votre avis. Utilisez – vous ces méthodes pour rendre votre formulaire de témoignage réactif? Veuillez nous faire part de votre expérience dans vos commentaires.