Dans la conception d'un site web, les couleurs ne se contentent pas de renforcer l'attrait visuel, elles contribuent également à véhiculer les messages de la marque.Blocksy Le thème offre aux concepteurs et développeurs web un moyen simple et puissant de gérer et d'appliquer les couleurs grace à son système de palette de couleurs globale. Que vous cherchiez à aligner les couleurs sur le style de votre marque ou à assurer la cohérence de vos pages, Blocksy vous facilite la tache. Dans cet article, nous examinerons en détail les fonctions de gestion des couleurs du thème Blocksy, y compris la palette de couleurs globale, le sélecteur de couleurs et la fa?on d'ajouter des couleurs personnalisées pour créer un design de site Web unique.

Accès aux réglages globaux des couleurs

Blocksy Les paramètres globaux de couleur du thème sont accessibles via le chemin suivant :Customiser → Options générales → Couleurs. Ce paramètre permet aux utilisateurs de gérer et d'appliquer les couleurs de manière cohérente sur l'ensemble du site, afin d'assurer la cohérence de la conception.

Gestion de la palette de couleurs

Blocksy Quinze palettes de couleurs prédéfinies sont fournies et peuvent être appliquées directement au site web. Les utilisateurs peuvent également créer leurs propres palettes de couleurs si les couleurs prédéfinies ne répondent pas entièrement aux exigences de conception, ou étendre les palettes existantes en ajoutant des couleurs supplémentaires pour mieux correspondre à l'identité de la marque.

Pour gérer les palettes de couleurs, cliquez sur le menu à trois points et sélectionnez "Palettes de couleurs", ce qui ouvrira l'écran de gestion des palettes. Les utilisateurs peuvent sélectionner une palette existante ou créer une toute nouvelle palette en définissant des couleurs personnalisées.

Lorsque vous enregistrez une nouvelle palette, définissez d'abord les couleurs qui doivent être incluses, puis cliquez à nouveau sur les trois points.menuet sélectionnez "Enregistrer la palette". La nouvelle palette sera affichée sous l'onglet Personnalisé du gestionnaire de palettes, ce qui facilitera sa sélection et sa modification ultérieure.

Structure d'utilisation des couleurs suggérée

Afin de maintenir la cohérence des couleurs sur votre site web, voici quelques suggestions pour structurer l'utilisation des couleurs :

• Couleur 1La couleur primaire d'une marque, souvent utilisée pour souligner des éléments clés.
• Couleur 2: Couleur alternative, généralement utilisée pour les effets de survol.
• Couleur 3Couleur du corps du texte : La couleur du corps du texte, appliquée aux paragraphes.
• Couleur 4Couleur des titres, des sous-titres et des titres principaux : Couleur des titres, des sous-titres et des titres principaux : Couleur des sous-titres, des sous-titres et des titres principaux
• Couleur 5Couleur des bordures et des intercalaires : Couleur des bordures et des intercalaires : Couleur des bordures et des intercalaires.
• Couleur 6: Couleur d'arrière-plan pour l'en-tête et le pied de page.
• Couleur 7Couleur d'arrière-plan : Couleur d'arrière-plan du site principal.
• Couleur 8: une couleur alternative plus claire, généralement utilisée pour les arrière-plans d'en-tête.

L'utilisation de ces couleurs structurées garantit la cohérence stylistique de l'ensemble du site web et le respect de la marque.

sélecteur de couleurs

Le sélecteur de couleurs de Blocksy offre à l'utilisateur une flexibilité totale pour une sélection aisée des couleurs appropriées. Le sélecteur comprend un réglage HWB pour la saturation et la luminosité de la couleur, ainsi que des curseurs de teinte pour affiner la couleur sélectionnée. Les utilisateurs peuvent attribuer des noms personnalisés aux couleurs de la palette en les rendant disponibles dans le personnalisateur et les constructeurs de pages pris en charge, tels que Gutenberg répondre en chantant Elementor) sont facilement reconnaissables.

En outre, l'utilisateur peut copier directement la valeur HEX d'une couleur ou obtenir sa CSS qui est utile pour des réglages de style plus avancés.

Ajouter une nouvelle couleur

Si les 8 couleurs proposées par défaut ne suffisent pas, Blocksy permet d'en ajouter facilement. Il suffit d'ouvrir le menu à trois points et de sélectionner "Ajouter une nouvelle couleur" pour étendre la palette avec de nouvelles couleurs qui correspondent à votre image de marque et à vos besoins en matière de conception.

Ces couleurs supplémentaires seront Gutenberg L'éditeur le reconna?t automatiquement pour assurer la cohérence du contenu du site.

Contr?le supplémentaire des couleurs

• couleur globaleCouleurs globales : La section Couleurs globales permet aux utilisateurs de définir un ensemble de catégories de couleurs prédéfinies qui seront automatiquement appliquées à l'ensemble du site, garantissant ainsi une conception cohérente. Principaux éléments inclus :

mise en garde

Les utilisateurs ne sont pas limités aux couleurs de la palette. Chaque couleur peut être ajustée à l'aide des onglets de conception, ce qui permet d'affiner le contr?le et de s'assurer que le site a l'apparence voulue.

Ressources pour les développeurs

Le sélecteur de couleurs du thème Blocksy prend également en charge la définition de couleurs personnalisées. CSS Variables. Les utilisateurs peuvent définir des variables de couleur CSS dans le panneau CSS supplémentaire et les réutiliser dans différentes parties du personnalisateur, ce qui améliore la cohérence et la maintenabilité de la conception.

remarques finales

Blocksy Le système de gestion des couleurs du thème offre aux concepteurs de sites web un outil puissant pour assurer la cohérence des couleurs et la présentation de la marque sur leur site web sans perdre en créativité. Des palettes de couleurs prédéfinies à l'ajout de couleurs personnalisées, Blocksy rend la gestion des couleurs à la fois facile et efficace. Que vous soyez un débutant ou un concepteur expérimenté, Blocksy peut vous aider à créer des sites Web qui sont à la fois beaux et professionnels.

Mises à jour récentes

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨詢(xún)：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.