Nouvelles fonctionnalités fournies par lamp;rsquoélément 3.0. Namp;rsquooubliez pas que dans nous nous concentrerons sur les zones visibles. Nous namp;rsquoaborderons pas lamp;rsquoamélioration du rendement (comme nous lamp;rsquoavons promis dans la version 3.0), car des tests complexes sont nécessaires pour le démontrer. Camp;rsquoest peut être un mot étrange pour , surtout si créez un site Web pour même. Quamp;rsquoest ce quamp;rsquoun système de conception?
Pour aider à comprendre ce mot, nous allons raconter une nouvelle. Dans le domaine de lamp;rsquoexpertise, dans certains cas, les concepteurs de pages Web ne créent des concepts de conception quamp;rsquoen utilisant sketch, Figma, Adobe XD ou une application similaire. Les concepts de conception (souvent appelés guides de style) précisent lamp;rsquoutilisation de la typographie, des schémas de couleurs, des formes de boutons et damp;rsquoautres éléments de conception. Lamp;rsquoexécution du concept de conception est la responsabilité de lamp;rsquoéquipe de développement. Imaginez maintenant si le site se compose de dizaines de pages. Samp;rsquoil y a des changements dans le concept de conception, combien de temps faut il pour examiner la page? Sans parler damp;rsquoautres parties comme lamp;rsquoen tête ou le pied de page. Camp;rsquoest ainsi que le système de conception fonctionne. Vous pouvez changer la page damp;rsquoun seul endroit (par exemple, couleur, typographie, etc.). Un seul changement samp;rsquoapplique à 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 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 lamp;rsquoélément en cliquant sur lamp;rsquoicône à trois lignes (lamp;rsquoicône Hambourg) dans le coin supérieur gauche de lamp;rsquoéditeur damp;rsquoéléments.
Comme pouvez le voir, le bouton publier mettre à jour
Lorsque accédez au panneau paramètres globaux, entro devient bleu (du vert au bleu). Le bouton bleu mise à jour indique que êtes dans le panneau paramètres globaux, tandis que le bouton vert publication mise à jour indique que êtes dans le panneau paramètres normaux de lamp;rsquoé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 damp;rsquoun site Web par Global colors. Dans le Web Design (et damp;rsquoautres dessins généraux), la couleur représente lamp;rsquoidentité 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 namp;rsquoest pas intéressant damp;rsquoéditer toutes les pages simplement pour appliquer de nouvelles couleurs, car cela prend beaucoup de temps.
La fonction couleur globale de lamp;rsquoélément permet damp;rsquoappliquer de nouvelles couleurs à plusieurs pages simultanément à partir damp;rsquoun 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 pouvez créer de nouvelles couleurs même. Pour créer une nouvelle couleur globale, ouvrez le panneau de configuration globale en cliquant sur lamp;rsquoicô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 lamp;rsquoidentification de chaque couleur globale, 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, pouvez
Ou simplement ajouter un nouveau Widget ou modifier un widget existant. Comme damp;rsquohabitude, changez la couleur de lamp;rsquoonglet style. Cliquez sur lamp;rsquoicône globale et sélectionnez une couleur globale existante.
En plus des widgets, pouvez utiliser des couleurs globales comme couleurs de fond pour les colonnes, les sections et damp;rsquoautres éléments de conception damp;rsquoéléments. Pour changer la couleur damp;rsquoune couleur globale, il suffit damp;rsquoaller dans le panneau paramètres globaux et de sélectionner la nouvelle couleur que . Le changement (nouvelle couleur) samp;rsquoapplique à tous les éléments de conception qui utilisent la couleur globale associée. Un bouton! Comme la couleur, la police peut représenter lamp;rsquoidentité de la marque du site. Par conséquent, la sélection des polices est également une étape clé dans la création damp;rsquoun site Web. Dans lamp;rsquoé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 lamp;rsquoen tête, pouvez utiliser les mêmes paramètres typographiques sur toutes les pages qui contiennent du texte de lamp;rsquoen tête. Utilisez des polices globales pour modifier la typographie damp;rsquoune partie particulière de toutes les pages à la fois, comme le texte de lamp;rsquoen tête. Comme une couleur globale. Vous pouvez modifier les paramètres de police à partir du panneau paramètres globaux.
Lamp;rsquoutilisation 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 lamp;rsquoicône crayon sur le carat
N les nouvelles interfaces sont les suivantes: Élément 2. X. lorsque accédez à la fonction Theme Builder, lamp;rsquointerface suivante samp;rsquoaffiche.
Lamp;rsquointerface Theme Builder dans element 3.0 est beaucoup mieux que dans les versions précédentes. Comme pouvez le voir dans le GIF ci dessus, lorsque cliquez sur chaque onglet dans le panneau de gauche, une Section des sujets est prévisualisée. À partir de là, 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 souhaitez créer un modèle personnalisé. Alternativement, 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 damp;rsquoaffichage, permettant damp;rsquoassigner rapidement des modèles spécifiques à damp;rsquoautres parties du site. Ce concept est très similaire à la fonctionnalité d’édition rapide par défaut de WordPress.
Bien sûr, lamp;rsquoélément ne change pas le processus de création du modèle. Vous pouvez encore créer des modèles en utilisant lamp;rsquoéditeur visuel de lamp;rsquoélément. Une fois terminé, pouvez toujours définir les conditions damp;rsquoaffichage 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 damp;rsquoélément est en fait une autre chose, encore plus loin. Lamp;rsquoexamen de lamp;rsquoélément 3.0 lamp;rsquoé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 namp;rsquoavez pas besoin damp;rsquoaller namp;rsquoimporte où pour créer votre site parce que tout est disponible au même endroit: le panneau paramètres globaux. Ce panneau 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 namp;rsquoest pas satisfaisant. Nous voulons vraiment que lamp;rsquoé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 lamp;rsquoensemble, 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 recommandons fortement de sauvegarder votre site Web avant la mise à niveau en cas de problèmes pendant ou après la mise à niveau.
Élément 3.0 examen: tout ce que vous devez savoir
