Dans cet article, vous apprendrez la Fonctionnalité de style global et comment l’utiliser.
À propos de la Fonctionnalité de style global
La Fonctionnalité de style global de PageFly est créée pour aider les commerçants à utiliser un style prédéfini pour les éléments de leur boutique. Ces styles prédéfinis peuvent être personnalisés par les marchands. Cette fonctionnalité permet aux commerçants de créer des pages avec rapidité et uniformité dans l’ensemble de leur boutique en ligne. Toutes les valeurs configurées dans le Style global deviendront des valeurs calculées sur la page de l’éditeur.
Vous pouvez vérifier plus de détails dans le didacticiel vidéo ci-dessous.
Par exemple :
Comme vous voulez avoir le même style de titre sur toute la page, au lieu d’avoir à copier et à coller le style d’un titre à un autre, vous pouvez utiliser l’option de Style global dans l’onglet de Style.
Si vous souhaitez de changer le style de tous les titres utilisant le Style global, vous ne devez que changer le style dans le paramètre de Style global.
Un autre exemple est lorsque vous souhaitez utiliser les couleurs de votre marque pour de nombreux éléments tels que des boutons ou des icônes, vous pouvez définir la couleur des éléments dans le Style global ou définir la couleur de votre marque dans la Couleur de Style global, puis l’utilisez lors de la création de votre boutique avec PageFly.
Dans l’ensemble, l’utilisation du Style global pour vos pages vous fera économiser du temps et de l’effort, ainsi qu’elle fera augmenter l’apparence de la page dans son ensemble dans le processus de création de votre boutique.
Pour comprendre comment utiliser cette fonctionnalité, veuillez continuer à lire cet article.
Accès à la Fonctionnalité de style global
- Étape 1: Dans l’application de PageFly, sélectionnez Paramètres en bas à gauche de la barre de navigation.
- Étape 2: Dans Paramètres, cliquez sur le Style global.
Configuration du Style global
Dans le paramètre du Style global, nous avons deux parties principales :
Propriétés : Couleur et Famille de polices
Éléments : Icône, Image, Bouton, Titre, Paragraphe et Séparateur.
Vous pouvez changer le nom du style de ces éléments. Ce nom s’affichera dans le menu déroulant lors du choix du style de Style global dans la page de l’éditeur.
Propriétés
Couleur
Dans le Paramètre de Couleur de style global, vous pouvez personnaliser 8 couleurs prédéfinies et puis les utiliser dans le processus de création de vos pages. Ces couleurs sont nommées Primaire, Secondaire, Premier plan et Arrière-plan et les Couleurs de 5 à 8.
Pour personnaliser la couleur, veuillez sélectionner chaque type et accéder à l’onglet de Style et sélectionner la couleur souhaitée.
Après avoir terminé la configuration, sélectionnez Publier.
Pour utiliser ces couleurs prédéfinies dans la page de l’éditeur de PageFly, sélectionnez l’élément que vous voulez le changer et accéder à l’onglet de Style. Ensuite, dans la Couleur du contenu et la Couleur d’arrière-plan, choisissez la Couleur de style global souhaitée.
Si vous choisir une autre couleur qui est différente de 8 couleurs de Style global, le type de couleur changera automatiquement à Personnaliser.
Famille de polices
Dans le Paramètre de Famille de polices de style global, vous pouvez personnaliser 3 polices prédéfinies et les utiliser dans le processus de création de vos pages. Ces polices sont nommées Primaire, Secondaire et Tertiaire.
Pour personnaliser la famille de polices, sélectionnez chaque type et accédez à l’onglet de Style et sélectionnez la famille de polices que vous voulez.
Après avoir terminé la configuration, sélectionnez Publier.
Pour utiliser ces polices prédéfinies dans la page de l’éditeur de PageFly, sélectionnez l’élément que vous voulez changer la famille de polices et accéder à l’onglet de Style. Dans la Famille de polices, sélectionnez la famille de polices souhaitée.
Si vous choisissez des autres polices qui sont différentes de 3 Famille de polices de Style global, le type de Famille de polices changera automatiquement à Personnaliser.
Éléments
Icône
Dans le paramètre d’Icône de Style global, vous pouvez personnaliser 6 styles prédéfinis et les utiliser dans le processus de création de vos pages.
Pour personnaliser le style de chaque icône, sélectionnez chaque type et accédez à l’onglet de Style et faites la configuration que vous voulez.
Vous pouvez consulter plus d’information sur l’onglet de Style ici.
Après avoir terminé la configuration, sélectionnez Publier.
Pour utiliser ces icônes prédéfinies dans l’éditeur de PageFly, cliquez sur l’icône Plus qui est la fonction Ajouter un élément, puis cliquez sur l’élément Icône dans le menu déroulant. Enfin, glissez et déposez l’élément dans l’éditeur de page.
Après cela, sélectionnez l’icône et accédez à l’onglet de Style, dans le Style global de l’élément, sélectionnez le style d’icône souhaité.
Image
Dans le paramètre d’Image de Style global, vous pouvez personnaliser 6 styles prédéfinis et les utiliser dans le processus de création de vos pages.
Pour personnaliser le style de chaque image, sélectionnez chaque type et accédez à l’onglet Style et faites la configuration souhaitée.
Vous pouvez consulter plus d’information sur l’onglet de Style ici.
Après avoir terminé la configuration, sélectionnez Publier.
Pour utiliser ces styles d’image prédéfinis dans l’éditeur de PageFly, cliquez sur l’icône Plus qui est la fonction Ajouter un élément, puis cliquez sur l’élément Image dans le menu déroulant. Enfin, glissez et déposez l’élément dans l’éditeur de page.
Après cela, sélectionnez l’image et accédez à l’onglet de Style, dans le Style global de l’élément, sélectionnez le style souhaité.
Bouton
Dans le paramètre de Bouton de Style global, vous pouvez personnaliser 6 styles prédéfinis et les utiliser dans le processus de création de vos pages.
Pour personnaliser le style de chaque bouton, sélectionnez chaque type et accédez à l’onglet de Style et faites la configuration souhaitée.
Vous pouvez consulter plus d’information sur l’onglet de Style ici.
Après avoir terminé la configuration, sélectionnez Publier.
Pour utiliser ces styles de bouton prédéfinis dans l’éditeur de PageFly, cliquez sur l’icône Plus qui est la fonction Ajouter un élément, puis cliquez sur l’élément Bouton dans le menu déroulant. Enfin, glissez et déposez l’élément dans l’éditeur de page.
Après cela, sélectionnez le bouton et accédez à l’onglet de Style, dans le Style global de l’élément, sélectionnez le style de bouton souhaité.
Titre
Dans le paramètre de Style global, vous pouvez personnaliser 6 styles prédéfinis et les utiliser dans le processus de création de vos pages.
Pour personnaliser le style de chaque titre, sélectionnez chaque type et accédez à l’onglet de Style et faites la configuration souhaitée.
Vous pouvez consulter plus d’information sur l’onglet de Style ici.
Après avoir terminé la configuration, sélectionnez Publier.
Pour utiliser ces styles de titre prédéfinis dans l’éditeur de PageFly, cliquez sur l’icône Plus qui est la fonction Ajouter un élément, puis cliquez sur l’élément Titre dans le menu déroulant. Enfin, glissez et déposez l’élément dans l’éditeur de page.
Après cela, sélectionnez le titre et accédez à l’onglet de Style, dans le Style global de l’élément, sélectionnez le style de titre souhaité.
Paragraphe
Dans le paramètre de Paragraphe de Style global, vous pouvez personnaliser 4 styles prédéfinis et les utiliser dans le processus de création de vos pages.
Pour personnaliser le style de chaque paragraphe, sélectionnez chaque type et accédez à l’onglet de Style et faites la configuration souhaitée.
Vous pouvez consulter plus d’information sur l’onglet de Style ici.
Après avoir terminé la configuration, sélectionnez Publier.
Pour utiliser ces styles de paragraphe prédéfinis dans l’éditeur de PageFly, cliquez sur l’icône Plus qui est la fonction Ajouter un élément, puis cliquez sur l’élément Paragraphe dans le menu déroulant. Enfin, glissez et déposez l’élément dans l’éditeur de page.
Après cela, sélectionnez le paragraphe et accédez à l’onglet de Style, dans le Style global de l’élément, sélectionnez le style de paragraphe souhaité.
Diviseur
Dans le paramètre de Diviseur de Style global, vous pouvez personnaliser 3 styles prédéfinis et les utiliser dans le processus de création de vos pages.
Pour personnaliser le style de chaque séparateur, sélectionnez chaque type et accédez à l’onglet de Style et faites la configuration souhaitée.
Vous pouvez consulter plus d’information sur l’onglet de Style ici.
Après avoir terminé la configuration, sélectionnez Publier.
Pour utiliser ces styles de séparateur prédéfinis dans l’éditeur de PageFly, cliquez sur l’icône Plus qui est la fonction Ajouter un élément, puis cliquez sur l’élément Diviseur dans le menu déroulant. Enfin, glissez et déposez l’élément dans l’éditeur de page.
Après cela, sélectionnez le titre et accédez à l’onglet de Style, dans le Style global de l’élément, sélectionnez le style de diviseur souhaité.
NOTE:
- Quand vous publiez le Style global, les modifications dans la Propriétés et l’Élément de Style global seront appliquées à toutes les pages utilisant le Style global.
- Les paramètres de Style global n’ont pas le bouton de Réinitialisation dans l’onglet de Style.
- Si vous appliquez un Style global pour un élément et puis modifiez certains paramètres qui ont été configurés dans le Style global, les autres paramètres continueront d’utiliser la configuration dans le Style global.
- Après avoir utilisé le Style global dans l’onglet de Style, vous avez aussi la possibilité de modifier le Style global à partir de l’onglet de Style. Veuillez sélectionner Modifier le style global de l’élément/ de la propriété.
