Créer une page d’atterrissage unique avec Divi en utilisant le texte latéral et vertical

Lorsque vous regardez la conception web de ces dernières années, vous ne pouvez pas vous empêcher de remarquer les couleurs vives, les formes asymétriques et les deux tons, la conception web vraiment unique est populaire à cette époque. Qu’est – ce qui est plus audacieux que de mettre vos mots à plat et de les transformer en texte vertical la plupart du temps? Alors regardons de plus près le tutoriel d’aujourd’hui et voyons ce qu’il faut pour obtenir la tendance # vertical text. Que feriez – vous? Le résultat final que je vous ai dit aujourd’hui était simple et propre, j’ose dire? élégant Le texte vertical n’est pas l’effet que vous voulez abuser, donc je pense qu’il pourrait s’agir d’un concert ou d’une liste d’heures. Il y a aussi des menus ou des programmes de localisation pour les wagons de nourriture. Essentiellement, toute information rapide et qui doit être à la fois attrayante et mémorable. Passons à la production pour vous! Créez une page d’atterrissage unique avec du texte latéral et vertical et Divi s’abonne à notre canal YouTube pour ajouter une section spéciale! Lorsque vous ouvrez une nouvelle page dans Divi, vous verrez une toile presque vide. Commencez par la section normale. Mais nous ne voulons pas d’une partie ordinaire. Nous avons besoin d’un département spécialisé. Appuyez ensuite sur le cercle bleu +, cliquez sur le bouton section spéciale au milieu et sélectionnez le dernier dans le nouveau mode. Alors, Enlevez cette vieille partie normale ennuyeuse. Vous avez maintenant une section orange vif qui vous traitera comme vous le méritez: spécial. En interne, vous devez ajouter ce qui suit: une ligne à deux colonnes, un module texte dans la colonne de gauche et quatre modules texte dans la colonne de droite. Vous utiliserez ensuite un seul module image dans le point autonome à droite. Notez également qu’il s’agit d’une vue wireframe dans Visual Builder qui fonctionne comme un générateur d’arrière – plan, mais plus rapidement. Si vous n’avez pas encore essayé, essayez. C’est vraiment génial.
J’a I un nouveau paragraphe qui sera à gauche du paragraphe précédent (en raison du mode d’écriture: LR vertical; Snippet). Si vous voulez mettre le nouveau paragraphe à droite, vous pouvez le changer en mode écriture: RL vertical; Les deux dernières lettres indiquent de gauche à droite ou de droite à gauche. C’est la même chose pour chacun de ces modules. La seule personnalisation que j’ai faite était d’ajouter une classe CSS jaune Vertical ou blanc vertical. La raison en est que, oui, nous utilisons des CSS insérés en un seul espace et en majuscules pour beaucoup d’aide, mais la section Divi specialities est alignée, donc le contenu est bien contenu. C’est pourquoi j’ai choisi d’utiliser des professionnels plutôt que des généralistes. Il nécessite moins de marge, de remplissage et d’alignement que la plupart des sections, lignes et colonnes habituelles.
Selon l’image de fond au moment de l’opération, vous devrez peut – être maintenant déplacer des éléments avec des marges ou des sections spéciales différentes. À mon avis, une image de fond centrée sur le Centre fonctionne bien pour ce type de site, mais si vous avez un élément principal à gauche ou à droite (ou en haut ou en bas), l’emplacement peut nécessiter plus d’édition. Autre chose: Vous pouvez aussi taper plus de mots. Cet exemple semble être un mot par ligne. Toute la phrase est bonne, même si elle est difficile à lire. Soyez concis, mais vous ne vous limitez pas aux mots. J’y réfléchis en ajoutant ici un module optionnel. Il fait partie de la section experts et je pense que dans la plupart des cas, le logo est mignon. Toutefois, si vous souhaitez le laisser en blanc, vous pouvez le faire. L’espacement fourni dans la section Divi Speciality maintient le reste de la page aligné. Cela n’est pas cohérent, ce qui signifie qu’il n’a rien à voir avec le style et l’espacement que vous fournissez pour le conteneur et les éléments que vous placez en haut et en bas. Résultats fins