Conteneur.
Après avoir ajouté des widgets et des conteneurs, pouvez contrôler la distribution des petits et moyens composants du conteneur et la disposition de chaque appareil. De plus, pouvez obtenir des paramètres personnalisés distincts pour chaque conteneur (même les conteneurs dans le conteneur). Cela donne la plus grande flexibilité pour rendre votre appareil de conception réactif. Vous pouvez également voir element 3.6 Review: New Features and Improved Differences between Containers and sections New element Flex you may want to know what are Differences between Containers and sections. Il y a des différences. Voici quelques différences fondamentales:
Vous pouvez utiliser flexbox pour ajouter des widgets à un conteneur, et pour les sections, devez ajouter des colonnes avant damp;rsquoajouter des widgets. Dans un conteneur flexible, la largeur par défaut du Widget est en ligne, tandis que dans une structure de section de colonne, la largeur par défaut du Widget est pleine largeur. Auparavant, ne pouviez ajouter quamp;rsquoune seule section interne, mais avec les derniers conteneurs flexibles, pouvez ajouter autant de conteneurs que le souhaitez. En utilisant la structure de la section colonne, pouvez changer lamp;rsquoorientation du Widget en utilisant des colonnes ou un positionnement en ligne. Maintenant, avec le dernier conteneur flexible, pouvez changer lamp;rsquoorientation du Widget en utilisant des colonnes, des lignes, des colonnes inversées ou des lignes inversées. Dans la structure de la section colonne, utilisez des colonnes inversées ou des sections répétées pour faire répondre la page. Dans la dernière méthode flexible de conteneur, pouvez utiliser un widget personnalisé ou un ordre de conteneur pour chaque appareil. Les options damp;rsquoalignement dans la structure Section colonne sont gauche, Centre et droite. Damp;rsquoautre part, avec des conteneurs flexibles, pouvez obtenir des options damp;rsquoalignement telles que Flex START, Flex Start
Centre et extrémité flexible. Vous devez maintenant réfléchir à la façon dont ces changements profiteront. Pour en savoir plus, allez à la section suivante.
Avantages de lamp;rsquoutilisation du conteneur elementor flexbox avant damp;rsquoajouter une nouvelle fonctionnalité au plug in, nous avons fait beaucoup de recherches pour nous assurer quamp;rsquoelle est utile au client. Il en va de même pour les conteneurs Flex damp;rsquoéléments. Cette fonctionnalité damp;rsquoélément a été ajoutée parce quamp;rsquoelle profitera grandement à lamp;rsquoutilisateur. utilisez le conteneur elementor flexbox, bénéficiez des avantages suivants: puisque les parties et les parties intérieures seront remplacées par des conteneurs flexibles, pouvez créer des sites Web plus optimisés. Flexbox réduit le nombre de colonnes et de sections internes. Par conséquent, moins de code sera généré à lamp;rsquoarrière plan. Moins il y a de Dom, plus le site WordPress est rapide. Les paramètres du conteneur flexbox permettent de créer des sites Web pour les appareils de réponse avec plus de flexibilité quamp;rsquoauparavant. Vous pouvez maintenant lier la section complète. Auparavant, ne pouviez lier que des widgets. namp;rsquoétiez pas satisfait auparavant parce que ne pouviez ajouter quamp;rsquoune seule section interne à une section, le conteneur flexible convient. Avec des conteneurs flexibles, pouvez ajouter des conteneurs à un conteneur indéfiniment. Remarque: Vous devez installer lamp;rsquoélément 3.6 sur votre système pour suivre les étapes suivantes qui montrent lamp;rsquoutilisation du conteneur FLEX de lamp;rsquoélément.
Comment utiliser le conteneur flexbox de lamp;rsquoélément en 6 étapes suivez ces étapes pour créer un site Web damp;rsquoélément à réponse rapide en utilisant le conteneur flexbox de lamp;rsquoélément. Ce processus comprend 6 étapes simples: Étape 1: Activez le conteneur flexbox dans l’expérience elementor à partir du tableau de bord WordPress, allez à elementor ⇒ settings. Allez maintenant à lamp;rsquoonglet expériences et faites défiler vers le bas pour trouver lamp;rsquooption FLE container
Xbox
Étape 2: créez une nouvelle page après avoir activé le conteneur flexible. Il est temps de créer une nouvelle page afin que puissiez utiliser cette fonctionnalité. Pour ce faire, allez à la page ⇒ toutes les pages et cliquez sur Ajouter une nouvelle page. Maintenant, fournissez le titre et cliquez sur Modifier avec lamp;rsquoélément Étape 3: ajoutez le conteneur maintenant, pas la section, devez ajouter le conteneur. Pour ce faire, cliquez sur lamp;rsquoicône + et sélectionnez votre structure préférée. Remarque: remarquez une structure dans votre navigateur, verrez quamp;rsquoil samp;rsquoagit en fait damp;rsquoun conteneur qui contient damp;rsquoautres conteneurs que des colonnes. Vous pouvez également faire glisser et déposer des conteneurs individuels à partir du menu de gauche.
Vous pouvez personnaliser de nombreuses options de conteneur, telles que la largeur du conteneur: Vous pouvez choisir la largeur du conteneur en carton ou pleine largeur. Largeur: choisissez la boîte comme largeur du conteneur, la largeur sera 928px. Par contre, si sélectionnez pleine largeur, la largeur du conteneur sera de 100% de la largeur de la fenêtre. Cependant, pouvez modifier les deux valeurs de largeur. Débordement: Vous pouvez sélectionner la valeur de débordement par défaut, cachée ou automatique. Balises HTML: Vous pouvez également modifier les balises HTML pour les conteneurs. Obtient les options DIV, header, footer, main, article, section, etc. Une nouvelle étiquette a été ajoutée. Cela permet de convertir lamp;rsquoensemble du conteneur en un lien marqué. Remarque: avez également de nombreuses options (plus tard) sous lamp;rsquoarticle. De plus, pouvez personnaliser tous les paramètres ci dessus pour chaque conteneur interne.
Étape 4: ajouter un widget le processus damp;rsquoajout damp;rsquoun widget est le même que la structure de la section colonne. Vous devez rechercher le Widget, puis faire glisser et déposer
Personnel de maintenance interne. Espace entre les projets: Vous pouvez utiliser cette option pour ajouter de lamp;rsquoespace entre les projets (widgets et parties intérieures). Enroulement de ligne: sélectionnez ne pas enrouler de ligne pour placer tous les éléments sur une seule ligne, et sélectionnez enroulement de ligne pour glisser le contenu sur plusieurs lignes. Étape 6: publier et prévisualiser pouvez répéter lamp;rsquoétape 4 pour personnaliser tous les paramètres du conteneur. Une fois la personnalisation terminée, cliquez sur le bouton publier pour publier la page. Vous pouvez ensuite cliquer sur le bouton aperçu pour voir une page avec une nouvelle structure de conteneur flexible. Vous pouvez également examiner comment créer des menus surdimensionnés en utilisant elementor et elementkit Comment convertir des pages damp;rsquoéléments basées sur des sections en conteneurs flexbox il est facile de convertir des structures basées sur des sections colonnes en nouveaux conteneurs Flex damp;rsquoéléments. Vous pouvez le faire en 4 étapes simples comme suit: Étape 1: Sélectionnez les sections à convertir devez convertir chaque section individuellement. Ensuite, sélectionnez damp;rsquoabord la section à convertir. Vous pouvez cliquer sur six points pour sélectionner une section ou sélectionner une section dans le navigateur ( pouvez trouver cette option dans le coin inférieur gauche). Étape 2: cliquez sur convertir en do now pour convertir la transformation, et sur le panneau de gauche, trouverez lamp;rsquooption convertir en conteneur sous la mise en page. Cliquez sur le bouton convertir. Étape 3: supprimer la section précédente À la fin du processus de conversion, trouverez deux versions de la même section. Lamp;rsquoun est basé sur la section et lamp;rsquoautre sur le conteneur. La version supérieure est basée sur la section. Supprimer la version précédente originale. Étape 4: mise à jour et aperçu pouvez répéter les étapes 1 à 3 pour toutes les parties de la page. Après avoir converti toutes les parties de la disposition du conteneur flexbox, cliquez sur le bouton aggi
Le ntor est sur votre site de mise en scène. Essayez elementkits pour être plus flexible dans la conception damp;rsquoun beau site Web, attirer lamp;rsquoattention des clients et augmenter le taux de réussite du site.
Comment utiliser le conteneur flexbox de l&rsquoélément en 6 étapes simples
