fbpx

Bons plans Alpa14 | Des offres et des réductions intéressantes à découvrir 😃

Divi : Fonction Transformer, améliorez le design de vos pages

Designez vos pages comme un Pro avec la fonction Transformer de Divi !

Dans ce nouveau tuto WordPress Divi, je présente une fonction bien pratique du Visual Builder de Divi qui va vous permettre d’améliorer le design des pages de votre site WordPress. Il s’agit de la fonction Transformer qui va vous va vous offrir la possibilité d’agrandir, de déplacer, de faire pivoter, de distordre n’importe quel élément de votre page Divi que ce soit une section, une rangée ou un module et ce sans avoir besoin d’écrire la moindre ligne de code CSS !

Dans le tutoriel, je pars d’une page fictive et je vous montre les différentes options de cette fonction sur différents éléments de la page.
Bon visionnage à toutes et à tous ! 😊

Licence Divi
Code Promo Divi Supreme
.

 La Fonction Transformer du Divi Visual Builder

Cette fonction est donc accessible à tous les éléments d’une page Divi et vous pouvez y accéder aux mêmes endroits dans les paramètres des sections, des rangées et des modules Divi. Pour cela rendez-vous sur l’onglet « Style » puis « Transformer ».

Fonction Transformer du Divi Visual Builder

Les 5 options de la fonction Transformer du Divi Visual Builder

  1. Échelle de Transformation : Cette option permet d’agrandir ou de réduire la taille d’un élément Divi.
  2. Transformer Traduire : Cette option permet de déplacer un élément par rapport à son emplacement d’origine.
  3. Transformer Tourner : Cette option permet d’émettre des rotations en degrés. Trois axes sont possibles.
  4. Transformer le Biais : Cette option permet de changer la perspective d’un élément et de le distordre.
  5. Transformer l’origine : Cette option permet de changer l’origine de l’axe de rotation.

A noter qu’à chaque fois que vous ferez une modification avec la fonction transformer sur un élément de votre page en vue ordinateur, il faudra absolument vérifier l’aspect de votre page sur les 2 autres vues (tablette et téléphone). En effet, du fait que votre site Divi soit « responsive » les modules des différentes rangées vont passer les uns en dessous des autres et votre mise en forme avec l’option déformer risque d’être bien différente sur ces différentes vues mobiles.

Pour vérifier les différentes vues de votre site, cliquez sur le disque violet (avec les 3 points blancs) au bas de votre écran et cliquez à gauche sur les icônes correspondantes pour modifier la vue.

Vues Divi : ordinateur, tablette, téléphones
MailerLite free-trial
Les différentes options de la fonction Divi Transformer
Licence Divi

Par où commencer pour créer son site Internet ?

Toute personne disposant d’un ordinateur et d’une connexion Internet peut créer son propre site Web. Il existe de nombreux outils en ligne qui facilitent le processus. Les sites Web peuvent être utilisés pour promouvoir votre entreprise, communiquer avec les clients et partager vos idées.

Dans cette vidéo qui est qui est une retransmission d’un Webinar, Léopoldine la fondatrice de la société Webmyday, explique les différentes étapes à suivre et les bonnes questions à se poser pour créer son premier site web professionnel. Elle passe en revue les services et les outils nécessaires à la conception Web et propose des conseils pour créer un site Web efficace.

Cette vidéo est une excellente ressource pour les débutants qui souhaitent en savoir plus sur les étapes à suivre dans la conception Web ou pour les propriétaires d’entreprise qui ont besoin de créer un site Internet pour leur activité. 

Sommaire de la vidéo

0:00 Introduction
2:41 La formation Webmyday qu’est-ce que c’est ?
6:22 Faire ou faire faire son site Internet ?
16:31 Solutions pour faire son site soi-même
18:24 Solutions pour faire faire son site
22:33 Coût d’un site Internet
25:55 Un CMS, qu’est-ce que c’est ?
26:46 Les CMS les plus connus
32:57 Le nom de domaine
33:39 L’ hébergement
34:54 Quelques hébergeurs
38:35 4 choses que doit comprendre votre hébergement
40:01 WordPress qu’est-ce que c’est ?
40:29 Différence entre WP.com et wp.org
43:00 Les différentes composants de WP
46:33 En résumé les étapes pour travailler avec WordPress
47:47 Conclusion

Sommaire de la vidéo

Vous serez peut-être également intéressé par ces articles …

Enregistrer son écran pour créer des formations

Enregistrer son écran pour créer des formations

Vous recherchez un logiciel de capture pour filmer l’écran de votre PC ou de votre Mac ? Vous souhaitez créer des démos de logiciels, des démos de jeux, des tutoriels ou des vidéos de formation d’aspect professionnel ? Alors vous avez sans doute besoin de DemoCreator de Wondershare !

lire plus
Divi Supreme : Module Text Path

Divi Supreme : Module Text Path

Divi Supreme possède un excellent nouveau module intitulé Text Path qui vous permet de créer de magnifiques chemins de texte. Avec ce module, vous pouvez facilement créer des motifs et des dessins complexes dans votre texte.

lire plus
Créer un pop-up sur un site Divi

Créer un pop-up sur un site Divi

Ce tutoriel vous propose une solution simple et pratique pour créer un pop-up. En effet, je vous présente un plugin gratuit pour Divi intitulé « Popups for Divi » qui vous permettra de transformer toute section de votre site web en fenêtre pop-up.

lire plus
Offrez-moi un café! Merci :)