Élément 3.0 examen: tout ce que vous devez savoir
Nouvelles fonctionnalités fournies par l’élément 3.0. N’oubliez pas que dans cet article, nous nous concentrerons sur les zones visibles. Nous n’aborderons pas l’amélioration du rendement (comme nous l’avons promis dans la version 3.0), car des tests complexes sont nécessaires pour le démontrer. C’est peut – être un mot étrange pour vous, surtout si vous créez un site Web pour vous – même. Qu’est – ce qu’un système de conception?
Pour vous aider à comprendre ce mot, nous allons vous raconter une nouvelle. Dans le domaine de l’expertise, dans certains cas, les concepteurs de pages Web ne créent des concepts de conception qu’en utilisant sketch, Figma, Adobe XD ou une application similaire. Les concepts de conception (souvent appelés guides de style) précisent l’utilisation de la typographie, des schémas de couleurs, des formes de boutons et d’autres éléments de conception. L’exécution du concept de conception est la responsabilité de l’équipe de développement. Imaginez maintenant si le site se compose de dizaines de pages. S’il y a des changements dans le concept de conception, combien de temps faut – il pour examiner la page? Sans parler d’autres parties comme l’en – tête ou le pied de page. C’est ainsi que le système de conception fonctionne. Vous pouvez changer la page d’un seul endroit (par exemple, couleur, typographie, etc.). Un seul changement s’applique à toutes les pages du site.
Le concept de système de conception garantit également que votre site Web a un schéma de couleurs et une typographie cohérents. Le concept offre également la simplicité de construire un site Web, ce qui serait génial si vous travailliez pour un agent Web ou un concepteur \/ développeur web indépendant. Le système de conception des éléments lui – même se compose de deux composants: Global Color et global font. Vous pouvez y accéder à partir du panneau de configuration globale de l’élément en cliquant sur l’icône à trois lignes (l’icône Hambourg) dans le coin supérieur gauche de l’éditeur d’éléments. Comme vous pouvez le voir, le bouton publier \/ mettre à jour
Lorsque vous accédez au panneau paramètres globaux, entro devient bleu (du vert au bleu). Le bouton bleu mise à jour indique que vous êtes dans le panneau paramètres globaux, tandis que le bouton vert publication \/ mise à jour indique que vous êtes dans le panneau paramètres normaux de l’élément.
Au fait, elementor Free et pro peuvent utiliser des systèmes de conception. Ce qui suit fait partie du système de conception des éléments: la sélection des couleurs appropriées est une tâche complexe lors de la création d’un site Web par Global colors. Dans le Web Design (et d’autres dessins généraux), la couleur représente l’identité de la marque. Pour avoir un schéma de couleurs vraiment représentatif de la marque, les concepteurs essaient souvent des combinaisons de couleurs. Dans le contexte de la conception web, il n’est pas intéressant d’éditer toutes les pages simplement pour appliquer de nouvelles couleurs, car cela prend beaucoup de temps.
La fonction couleur globale de l’élément vous permet d’appliquer de nouvelles couleurs à plusieurs pages simultanément à partir d’un seul emplacement. Même si la page a été publiée. Vous pouvez également appliquer de nouvelles couleurs à différentes parties de la page. Notez comment la section titre et les icônes des médias sociaux utilisent global Color element pour fournir 4 couleurs globales par défaut, ou vous pouvez créer de nouvelles couleurs vous – même. Pour créer une nouvelle couleur globale, ouvrez le panneau de configuration globale en cliquant sur l’icône Hambourg dans le panneau de configuration des éléments. Sélectionnez les paramètres du site.
Après avoir ouvert le panneau paramètres globaux, cliquez sur couleurs globales dans la section systèmes de conception. Cliquez sur le bouton Ajouter une couleur pour définir une nouvelle couleur globale. Pour faciliter l’identification de chaque couleur globale, vous pouvez nommer une nouvelle couleur globale. Après avoir créé une nouvelle couleur globale, cliquez sur le bouton mise à jour bleue. Pour utiliser des couleurs globales sur les éléments de conception, vous pouvez
Ou simplement ajouter un nouveau Widget ou modifier un widget existant. Comme d’habitude, changez la couleur de l’onglet style. Cliquez sur l’icône globale et sélectionnez une couleur globale existante.
En plus des widgets, vous pouvez utiliser des couleurs globales comme couleurs de fond pour les colonnes, les sections et d’autres éléments de conception d’éléments. Pour changer la couleur d’une couleur globale, il suffit d’aller dans le panneau paramètres globaux et de sélectionner la nouvelle couleur que vous aimez. Le changement (nouvelle couleur) s’applique à tous les éléments de conception qui utilisent la couleur globale associée. Un bouton! Comme la couleur, la police peut représenter l’identité de la marque du site. Par conséquent, la sélection des polices est également une étape clé dans la création d’un site Web. Dans l’élément, il y a des widgets qui impliquent des paramètres typographiques. Du Widget titre, du Widget éditeur de texte, du Widget bouton, du Widget formulaire, etc.
En plus des schémas de couleurs, un bon site Web devrait avoir des paramètres typographiques cohérents, en particulier des séries de polices. Pour certaines sections, comme le texte de l’en – tête, vous pouvez utiliser les mêmes paramètres typographiques sur toutes les pages qui contiennent du texte de l’en – tête. Utilisez des polices globales pour modifier la typographie d’une partie particulière de toutes les pages à la fois, comme le texte de l’en – tête. Comme une couleur globale. Vous pouvez modifier les paramètres de police à partir du panneau paramètres globaux.
L’utilisation de polices globales est très similaire aux couleurs globales. Vous pouvez ouvrir le panneau paramètres globaux et sélectionner les caractères globaux. Par défaut, 4 caractères globaux sont disponibles pour la sélection. Pour modifier les caractères globaux, cliquez simplement sur l’icône crayon sur le carat
N les nouvelles interfaces sont les suivantes: Élément 2. X. lorsque vous accédez à la fonction Theme Builder, l’interface suivante s’affiche. L’interface Theme Builder dans element 3.0 est beaucoup mieux que dans les versions précédentes. Comme vous pouvez le voir dans le GIF ci – dessus, lorsque vous cliquez sur chaque onglet dans le panneau de gauche, une Section des sujets est prévisualisée. À partir de là, vous pouvez également modifier directement les modèles personnalisés existants, les exporter, les supprimer ou les renommer. Pour créer un nouveau modèle, cliquez simplement sur le bouton bleu plus sur la section sujet pour laquelle vous souhaitez créer un modèle personnalisé. Alternativement, vous pouvez cliquer sur le bouton Ajouter un nouveau dans le coin supérieur droit. Au fait, le Nouveau theme Builder fournit également des modifications instantanées aux conditions d’affichage, vous permettant d’assigner rapidement des modèles spécifiques à d’autres parties du site. Ce concept est très similaire à la fonctionnalité d’édition rapide par défaut de WordPress. Bien sûr, l’élément ne change pas le processus de création du modèle. Vous pouvez encore créer des modèles en utilisant l’éditeur visuel de l’élément. Une fois terminé, vous pouvez toujours définir les conditions d’affichage comme auparavant. Le nouveau générateur de thème ne change que la façon dont les modèles sont organisés et non la façon dont ils sont créés. Le nouveau générateur de thème d’élément est en fait une autre chose, encore plus loin. L’examen de l’élément 3.0 l’élément 3.0 est une version majeure. Il apporte de nouvelles fonctionnalités qui brisent le modèle traditionnel de création de site Web. Vous n’avez pas besoin d’aller n’importe où pour créer votre site parce que tout est disponible au même endroit: le panneau paramètres globaux. Ce panneau vous donne accès à tout ce que nous avons décrit ci – dessus, y compris: les paramètres du site du nouveau thème Builder (identification du site, mise en page, boîte lumineuse, arrière – plan, CSS)
Custom) Design System (Global colors and Global font) element 3.0 est une excellente version. Il introduit une nouvelle idée et une manière plus efficace de créer un site Web avec wordpress. Ce que nous attendons de cette version n’est pas satisfaisant. Nous voulons vraiment que l’élément 3.0 fournisse plus de contrôles pour personnaliser le contenu des messages (via le Widget contenu des messages) lors de la création de modèles de messages individuels. Nous voulons vérifier la typographie des éléments de titre (H2, H3, H4, H5). Pour le moment, nous ne pouvons vérifier que la typographie du texte. Mais dans l’ensemble, elementor 3.0 est une excellente version. Il introduit une nouvelle façon créative, plus efficace et intéressante de créer un site Web. Cette version permet à elementor de devancer ses concurrents. Une dernière chose. Comme elementor 3.0 est une version majeure, nous vous recommandons fortement de sauvegarder votre site Web avant la mise à niveau en cas de problèmes pendant ou après la mise à niveau.