Sélectionner une page


Bienvenue dans le tutoriel de mon Divi. Si vous ne connaissez pas Divi ou ne savez même pas comment installer le thème Divi, cette série de tutoriels est faite pour vous. Dans cette série de tutoriels, je vais essayer de couvrir du débutant à avancé. Si vous n’avez toujours pas reçu de DV, cliquez sur le lien au bas de la description et obtenez-le maintenant. Ok, commençons maintenant avec le tutoriel d’aujourd’hui que je vais vous présenter Divi Builder. Je crée donc une nouvelle page ici et ici je suis juste en train d’adapter une page de test que je publierai. Ensuite, j’utiliserai le Divi Builder. Voici trois façons différentes de démarrer une page. Ici, nous partons du début.

Sélectionnez d’abord la disposition pivot et le côté existant. Je vais à la mise en page pivot, je vais donc choisir une mise en page ici. Vous pouvez en voir plusieurs.

mise en page prédéfinie différente de db si vite que je prends juste n’importe quelle mise en page, je prends simplement cette mise en page et prends cette page d’accueil et utilise cette mise en page, voici donc la mise en page que j’importe en ce moment.

Maintenant, je vais changer du texte à partir d’ici pour changer le texte dont j’ai besoin pour simplement cliquer sur ce texte. et je peux éditer ce texte à partir d’ici, mon titre personnalisé est ok. et similaire ici et changez mon texte à partir d’ici. et si je veux changer mon style de texte, je dois cliquer sur cette icône d’engrenage. et maintenant je dois cliquer sur cet outil de brosse et d’ici je peux changer ma famille de police et changer également la police.Poids et rencontrez le style de police. et l’alignement du texte également la couleur du texte et la taille supérieure de l’en-tête, vous pouvez modifier la taille de mon texte à partir d’ici. et frappez un peu d’espace et rencontrez notre hauteur de ligne. et nous pouvons également ajouter des ombres de texte de lecture à partir d’ici. D’accord, maintenant vous pouvez également ajouter la couleur de l’ombre du texte de l’en-tête. De là, nous pouvons également ajouter des couleurs d’ombre. Cela semble bon là-bas et nous pouvons ajouter notre taille de texte à partir d’ici. De là, nous pouvons diminuer une largeur fixe ou augmenter notre poids et également ajouter de l’espacement. Il y a donc aussi un plancher de bord ici pour que nous puissions également le diminuer ou l’augmenter.

et voici l’eau aussi, et ensuite voici l’ombre de la boîte.

Voici donc l’option cérémonie que vous pouvez ajouter sans aucun style de texte. Je montre simplement qu’il y a trop d’options et que nous pouvons également ajouter des filtres ici.

transformer et vous trouverez ici des options d’animation de texte. Dans l’onglet Avancé, vous pouvez également ajouter un ID de thèse ou une classe CSS pour ajouter plus de style. Ici vous pouvez trouver des options CSS personnalisées. Nous pouvons l’utiliser et voici une option de visibilité pour que nous puissions la rendre visible sur le seul téléphone ou sur la tablette ou sur le bureau. Voici quelques autres options. et voici la transition aussi si c’est comme vous le souhaitez et en voici d’autres à partir d’ici, vous pouvez ajouter un lien pour ce titre. et ici, vous pouvez ajouter des couleurs d’arrière-plan et ici vous prenez en compte le niveau administrateur afin que vous voyiez les options de conception de la même manière. et des options avancées pour presque tous les modules.Nous pouvons changer presque un style de vie à partir de nos paramètres de module. et voici le nôtre, nous pouvons également changer ce fond de la section. Je clique simplement sur cette section et je reviens en arrière.

et à partir d’ici, vous pouvez également changer notre arrière-plan.

et nous pouvons également créer un effet de palette et nous pouvons même ajouter des vidéos d’arrière-plan. Vous pouvez également ajouter des couleurs dégradées à cette image et ensuite modifier cette section. Vous pouvez également modifier ces images et cela évoluera. Je clique simplement sur cet onglet Paramètres. De là, vous pouvez utiliser l’onglet « Design » qui va avec le nôtre.

l’option mid valley aussi, donc voici une superposition d’image juste sur mon entrejambe. Donc, si nous superposons des couleurs, nous pouvons changer cette couleur. Il y a aussi une certaine transparence. Alors, comment pouvons-nous changer la couleur de notre superposition et comment pouvez-vous changer cette icône. Je vous montre simplement comment vous pouvez facilement modifier ces options et nous pouvons également installer ces boutons.

Maintenant, je veux ajouter une nouvelle section ici afin que vous puissiez voir comment cela a vraiment fonctionné. Je prends juste une nouvelle section ici et je prends un oui, trois sections de type sont des sections spéciales de section régulière et faites glisser chaque section. En ce moment, je prends juste une section régulière et ici nous prenons une nouvelle série. donc ici, nous pouvons prendre plusieurs types de lignes avec plusieurs colonnes ou des colonnes simples. Donc, ici, je prends juste la paille de pollen et le site Web et prends le module de texte et le site Web du lecteur et le module d’image.

Maintenant, sur la gauche, cliquez sur cette icône d’engrenage et changez simplement quelques styles ici et faites en sorte que cette tante joue juste son annonce. Si vous faites également briller cette couleur et utilisez la taille du texte, vous pouvez la conserver ainsi et à droite. Si vous y allez, c’est un style minuscule et à partir de là, j’ajoute simplement Pop’s Shadow. Donc, ici, j’ajoute simplement une ombre de boîte avec cette image et dans cette section, j’ajoute une couleur d’arrière-plan.

et ici, je vais apporter notre couleur de texte à une couleur blanche brillante et ensuite je vais à ces paramètres de ligne, voici également quelques options que nous pouvons voir. Ainsi, lorsque nous allons dans notre onglet de conception et que nous voyons notre taille, à partir de là, nous cliquons sur ce cutter que vous pouvez également utiliser pour réduire ce poids. Voici donc la distance entre deux colonnes que l’on peut réduire voire nulle. Je m’y tiens simplement – et il y a aussi de nombreuses options. Ainsi, nous pouvons obtenir une hauteur de colonne que nous pensons être notre blé, ou augmenter notre blé, et nous pouvons régler notre mac sucré.

90% le définissent maintenant et l’alignement du texte est maintenant activé. Je vais le laisser droit et vous pouvez également ajouter un espacement ou nous pouvons également faire glisser et déposer pour ajouter de l’espacement. Donc, il suffit de le faire glisser ici pour ajouter de l’espace. Semblable à cette section, nous pouvons également ajouter une certaine quantité d’espace ici. et nous pouvons également ajouter un module de salle pour le module. Maintenant, je vais à ces paramètres de section et à partir de là, je vais également à l’onglet Conception et ici à la mise en page. Donc, ici, vous pouvez également ajouter une ombre et votre option de fractionnement. C’est une option incroyable pour la zone de section. Afin que nous puissions ajouter un diviseur ou n’importe quelle section, j’ajouterai un diviseur au bas de cette section. Je vais cliquer sur ce fond et ici je vais ajouter un style de diviseur donc ici je vais juste ajouter ce diviseur et voici un joli style de diviseur, ouais. Cela dit, je peux ajouter n’importe qui ici à notre guise. D’accord, et nous pouvons également définir notre couleur de division et la hauteur et le diviseur de diviseur.

Conclusion

Lipide horizontal Nous pouvons répéter notre conception et même diviser l’option de retournement et ensuite, nous pouvons également ajouter un revêtement avec notre section. Nous pouvons ajouter un revêtement de hauteur maximale ou Mac Suite ou mini hauteur. et ici, vous pouvez également regarder à partir d’ici et ajouter, vous pouvez également ajouter le père. et Box-Shadow Peter et Tom et l’année dernière est également une option d’animation. Donc, si cela tombe dans cette section, ce sera le temps de l’animation. Dans le prochain tutoriel, je vous montrerai également les fonctions individuelles des modules et les fonctionnalités des modules individuels étape par étape et avec plus de détails.



Source link

Recent Posts