Comment utiliser les lignes dans Divi Builder (guide complet)

Pas sur la poignée de fil (poignée verte).
Comme pour les autres éléments de Divi Builder, le processus de personnalisation des lignes se fait via le panneau de configuration. Vous pouvez cliquer sur l’icône Gear sur la poignée de fil pour ouvrir le panneau de configuration. Si la mauvaise structure de colonne est sélectionnée, vous pouvez la modifier à partir du panneau de configuration de ligne. Il suffit de sélectionner la nouvelle structure de colonne dans le menu déroulant de l’option structure de colonne. Il y a 3 onglets dans le panneau paramètres de ligne que vous pouvez ouvrir pour personnaliser les lignes. Chaque onglet contient le bloc de configuration qui contient les options de configuration fournies.
Vous pouvez ouvrir des blocs de liens sur l’onglet Contenu pour ajouter des liens aux lignes que vous souhaitez personnaliser. Vous pouvez ajouter des liens statiques ou dynamiques. Arrière – plan vous pouvez ouvrir ce bloc pour définir l’arrière – plan de la ligne que vous éditez. Vous pouvez ajouter un fond solide, un fond de rampe, un fond d’image ou un fond vidéo. En particulier pour l’arrière – plan de l’image, vous pouvez appliquer l’effet parallaxe. Étiquette de l’Administrateur vous pouvez ouvrir ce bloc pour ajouter une étiquette de l’Administrateur à la ligne. Qu’est – ce qu’une étiquette d’administrateur? Vous pouvez l’imaginer comme un nom de ligne. Lorsque vous passez en mode wireframe view, l’étiquette administrateur est affichée. Ils simplifient l’identification d’une ligne sur une longue page composée d’un tas de lignes.
L’onglet conception ouvre 7 blocs de configuration dans l’onglet conception. Vous pouvez ouvrir ce bloc pour définir la largeur et la hauteur de la ligne. Par défaut, la largeur de ligne est fixée à 80%. Vous pouvez changer la largeur
Le système vous demandera d’ajouter au moins une ligne. Lorsque vous ajoutez des lignes, vous pouvez sélectionner une structure de colonne au besoin. Comme indiqué ci – dessus, 20 options de structure de colonne sont disponibles. Puis – je modifier la structure des colonnes de la ligne? Oui, vous pouvez modifier la structure des colonnes de la ligne. Pour modifier la structure des colonnes d’une ligne, cliquez sur le rapport sur la poignée de ligne pour ouvrir le panneau de configuration. Dans le panneau paramètres, sélectionnez la nouvelle structure de colonne désirée dans le menu déroulant de l’option structure de colonne. Vous pouvez également ajouter de nouvelles colonnes en cliquant sur le bouton Ajouter de nouvelles colonnes. Chaque colonne d’une ligne peut avoir un style distinct. Supposons qu’il y ait deux colonnes sur une ligne. Si vous le souhaitez, vous pouvez appliquer un fond différent, une animation d’entrée, etc. à chaque colonne. Vous pouvez personnaliser les colonnes en cliquant sur l’icône Gear. Vous pouvez personnaliser comme en ligne. Redimensionner les colonnes en ligne si vous voulez redimensionner les colonnes en ligne, vous pouvez également redimensionner les colonnes en ligne. Malheureusement, Divi Builder ne fournit pas les opérations de glisser – déposer pour redimensionner les colonnes comme l’élément. Pour redimensionner une colonne sur une ligne, vous devez ajouter un CSS personnalisé. Sélectionnez d’abord la colonne que vous souhaitez redimensionner, puis cliquez sur le rapport (comme indiqué dans la capture d’écran ci – dessus). Une fois que le panneau devient un panneau de configuration de colonne (à partir du panneau de configuration de ligne), allez à l’onglet avancé et ouvrez le bloc CSS personnalisé. Collez le code CSS suivant dans le champ principal de l’élément. Largeur: 10%! Important Vous pouvez remplacer la valeur de largeur par votre propre valeur (10% dans ce cas). Vous pouvez également utiliser des unités de pixels (par exemple 500px) au lieu de l
En pourcentage. Pour gagner du temps en sauvegardant les lignes dans la bibliothèque, vous pouvez enregistrer les lignes (personnalisées, y compris les modules) dans la Bibliothèque Divi Builder. La fonctionnalité Save items (including Lines) est utile lorsque vous créez une longue page qui nécessite le même contenu sur différentes pages, telles que les listes de fonctionnalités, les listes de prix, les membres de l’équipe, etc. Pour enregistrer une ligne dans la bibliothèque, cliquez sur l’icône flèche sur la poignée de ligne. Nommez la ligne et cliquez sur le bouton Enregistrer dans la bibliothèque. Vous pouvez également définir des catégories si vous le souhaitez. Pour utiliser les lignes enregistrées dans la bibliothèque, cliquez simplement sur l’onglet ajouter à partir de la Bibliothèque lorsque vous ajoutez de nouvelles lignes, puis sélectionnez les lignes à utiliser. Une fois la personnalisation de la ligne et de son module terminée, vous pouvez la verrouiller. Cela évite toute modification accidentelle. Pour verrouiller une ligne, cliquez sur l’icône en trois points sur la poignée de ligne et sélectionnez verrouiller. Les lignes verrouillées (et d’autres éléments) sont marquées d’un cadenas rouge. Vous pouvez cliquer sur Lock pour déverrouiller les lignes verrouillées. Vous pouvez également copier des lignes à partir de la poignée de ligne. Lorsque vous utilisez Divi Builder, vous devez connaître la ligne. Il s’agit d’un élément de conception fourni par Divi Builder pour simplifier la configuration de la mise en page en cours de traitement. Vous pouvez ajouter des lignes aux sections normales et spéciales. Le concept de ligne dans Divi Builder (et d’autres plug – ins de création de page) nous aide beaucoup à concevoir des pages plus facilement.