✓ Dans cet article, nous allons voir comment l’utiliser l’item “Séparateur” en démarrant une création depuis zéro et comment le modifier si vous l’importez depuis l’une de nos créations pré-configurées.
ℹ️ Vous pouvez lire l’article ou découvrir toutes les possibilités du Séparateur et apprendre à l'exploiter pleinement dans cette vidéo.
Cette vidéo couvrira les points suivants :
Le Séparateur optimisé SXO (UX+SEO) pour la Performance.
Comment fonctionne le Séparateur et comment le paramétrer ?
Pourquoi privilégier un séparateur à la place d’un icône ?
Modifier la couleur de ton Séparateur avec l’outil SVG color
Ajouter un Séparateur à votre création en partant de zéro
Pour intégrer un Séparateur (séparateur) à votre projet dans Kehio Editor, suivez ces étapes simples pour structurer et organiser visuellement votre contenu :
Étape 1 : Ouvrir le volet de Contenu
Commencez par accéder au volet de gauche de votre éditeur Kehio. Sélectionnez ou ajoutez un Contenu. Lorsque vous ouvrez ce volet, il affichera par défaut un item "Texte".
Étape 2 : Ajouter un Séparateur
Pour insérer un Séparateur, cliquez sur "Ajouter un Item". Parcourez les options disponibles jusqu'à trouver le choix "Séparateur" et sélectionnez-le. Le Séparateur agit comme un élément visuel qui aide à séparer les différentes sections ou contenus de votre page, améliorant ainsi l'organisation et la lisibilité.
Étape 3 : Personnaliser le Séparateur
Une fois ajouté, vous pouvez personnaliser l'apparence du Séparateur, comme sa couleur, son épaisseur, son alignement sur ordinateur ou sur mobile en utilisant les paramètres disponibles dans l'éditeur. Cette personnalisation vous permet d'aligner le style du Séparateur avec le design global de votre site.
Utiliser un Séparateur personnalisé
Avec Kehio Editor, vous avez également la possibilité d'importer des Séparateur personnalisés depuis nos créations prédéfinies. Ces Séparateur peuvent ensuite être modifiés pour mieux s'adapter à votre design grâce à l'outil SVG Color, permettant un ajustement de la couleur selon vos besoins spécifiques.
Importation et personnalisation de Séparateur
Sélectionner un Séparateur : Choisissez un Séparateur personnalisé à partir d’une de nos créations
Modifier la couleur : Utilisez l'outil SVG Color pour ajuster la couleur du Séparateur afin de l'harmoniser avec la palette de votre site.
Importer votre propre Séparateur : Si vous avez des compétences en webdesign, vous pouvez également créer et importer vos propres Séparateurs. Cela vous permet de concevoir des éléments uniques qui reflètent votre identité visuelle et d'ajouter une touche professionnelle à vos pages Shopify.
L'ajout de Séparateurs personnalisés est une excellente manière de renforcer l'impact visuel de vos pages tout en maintenant une cohérence avec le design global de votre site. Cette fonctionnalité enrichit non seulement l'apparence de vos pages mais améliore également l'expérience utilisateur en structurant clairement le contenu.
Modifier la couleur d'un Séparateur personnalisé
Lorsque vous importez une création et que vous souhaitez conserver le Séparateur mais modifier sa couleur, vous pouvez utiliser l'outil gratuit SVG Color.
Les étapes de modification
Copier l'URL du Séparateur : Accédez à l'interface de Kehio Editor et copiez l'URL du Séparateur SVG de couverture que vous souhaitez modifier.
Accéder à l'outil SVG Color : Rendez-vous sur SVG Color.
Coller l'URL du SVG : Dans l'outil, collez l'URL du SVG et cliquez sur "Load SVG".
Modifier la couleur : Une fois votre SVG affiché, vous pouvez modifier les couleurs pour qu'elles correspondent à votre charte graphique.
Télécharger le Séparateur : Après modification, téléchargez le SVG modifié et importez-le dans les fichiers de votre boutique Shopify.
Intégrer l'image de couverture modifiée : Récupérez le lien de l'image de couverture téléchargée et collez-le dans Kehio Editor pour mettre à jour le Séparateur dans votre création.
Cette méthode vous permet de personnaliser le Séparateur en fonction de votre identité visuelle, tout en bénéficiant de la flexibilité offerte par le format SVG pour des modifications précises et de haute qualité.
Si vous avez besoin d’aide pour comprendre ou modifier l’item Séparateur, n'hésitez pas à contacter notre équipe d'assistance à tout moment par e-mail ou par chat en direct .