<\/span><\/a>Objectif principal du bloc Service - montrer les services de mani\u00e8re attrayante<\/span><\/h3>\n\n\n\nL'objectif principal pour lequel vous devriez utiliser le bloc de service est qu'il vous aide \u00e0 pr\u00e9senter les informations de mani\u00e8re attrayante. Il peut clairement s\u00e9parer des groupes sp\u00e9cifiques d'autres textes et les mettre en \u00e9vidence pour attirer l'attention de tous. Les blocs de service ont fi\u00e8re allure dans la mise en page car\u00a0:<\/p>\n\n\n\n
\n- Structurer le contenu<\/li>\n\n\n\n
- Rafra\u00eechissez-le avec des ic\u00f4nes<\/li>\n\n\n\n
- Services s\u00e9par\u00e9s avec graphiques et espacement<\/li>\n<\/ul>\n\n\n\n
Gr\u00e2ce \u00e0 ce qui pr\u00e9c\u00e8de, le bloc de service peut rapidement attirer l'attention des visiteurs.<\/p>\n\n\n\n![\"](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/services-example.png\")
Le contenu est bien meilleur s'il y a des blocs de service pour pr\u00e9senter les services ou les produits de l'entreprise<\/figcaption><\/figure>\n\n\n\n<\/span>Meilleure navigation sur le site Web<\/span><\/h4>\n\n\n\nParce que le service est mis en \u00e9vidence, cela facilitera grandement la lecture visuelle du site Web. M\u00eame si le client ne fait que parcourir votre site Web, il ne manquera pas les services que vous proposez.<\/p>\n\n\n\n
Si vous ajoutez une URL \u00e0 votre service, elle peut \u00eatre utilis\u00e9e comme bo\u00eete de navigation avec CTA. Cela incitera les clients \u00e0 cliquer sur la case pour en savoir plus ou commander un service.<\/p>\n\n\n\n
<\/span>Bloc de service utilis\u00e9 pour pr\u00e9senter les fonctionnalit\u00e9s<\/span><\/h4>\n\n\n\nLe bloc de service peut \u00e9galement \u00eatre utilis\u00e9 pour mettre en \u00e9vidence les caract\u00e9ristiques du produit ou du service que vous proposez. Cela signifie que chaque bloc de service individuel pr\u00e9sentera une caract\u00e9ristique particuli\u00e8re. Cette repr\u00e9sentation graphique peut faire ressortir les principales qualit\u00e9s d'un produit donn\u00e9. Gardant \u00e0 l'esprit que les visiteurs ne veulent pas lire beaucoup de texte.<\/p>\n\n\n\n![\"Bloc](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/service-example-features.jpg\")
Utilisez le bloc de service comme zone de fonctionnalit\u00e9 pour mettre l'accent sur les fonctionnalit\u00e9s du produit<\/figcaption><\/figure>\n\n\n\n<\/span>O\u00f9 peut \u00eatre le bloc de service utilis\u00e9<\/span><\/h4>\n\n\n\nLe bloc de service peut \u00eatre utilis\u00e9 \u00e0 l'int\u00e9rieur des publications et des pages - en fait partout o\u00f9 vous en avez besoin. Il est bon de l'utiliser sur la page d'accueil qui est g\u00e9n\u00e9ralement un premier contact avec les visiteurs du site Web. \u00c9tant donn\u00e9 que le bloc de service peut facilement capter l'attention des visiteurs, nous vous recommandons d'utiliser les services sur les pages les plus visit\u00e9es.<\/p>\n\n\n\n
Les blocs de service peuvent \u00eatre utilis\u00e9s sur la page de services d\u00e9di\u00e9e, qui a un nombre \u00e9lev\u00e9 de visiteurs similaire \u00e0 la page d'accueil. Vous pouvez pr\u00e9senter tous les services que vous proposez en un seul endroit.<\/p>\n\n\n\n
Nous parlerons de la fa\u00e7on de cr\u00e9er la page Services plus tard.<\/p>\n\n\n\n
<\/span><\/a>Compatibilit\u00e9 avec les th\u00e8mes WordPress<\/span><\/h4>\n\n\n\nLe principal avantage du bloc Service est qu'il est disponible pour tous les th\u00e8mes WordPress prenant en charge l'\u00e9diteur de blocs WordPress (Gutenberg). Cela signifie que vous pouvez l'utiliser sur notre th\u00e8me ou sur n'importe quel th\u00e8me tiers tel qu'Avada ou Divi. La seule chose dont vous avez besoin est d'installer le plugin Citadela Pro.<\/p>\n\n\n\n
<\/span><\/a>Comment ajouter un bloc de service \u00e0 votre site Web<\/span><\/h3>\n\n\n\nComme nous l'avons d\u00e9j\u00e0 mentionn\u00e9, pour ajouter un bloc de service \u00e0 l'\u00e9diteur, vous avez besoin du plug-in Citadela Blocks. Apr\u00e8s l'activation du plugin, le bloc sera automatiquement ajout\u00e9 \u00e0 l'\u00e9diteur WordPress.<\/p>\n\n\n\n
Le bloc de service peut \u00eatre ajout\u00e9 en cliquant sur le symbole "+" dans la barre sup\u00e9rieure ou n'importe o\u00f9 dans l'\u00e9diteur. Apr\u00e8s cela, recherchez simplement le bloc donn\u00e9 en utilisant le terme "Service".<\/p>\n\n\n\n![\"Ajoutez](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-service-add.png\")
Ajout de la case service en cliquant sur \u00ab + \u00bb<\/figcaption><\/figure>\n\n\n\nLa deuxi\u00e8me option pour ajouter un bloc de service consiste \u00e0 utiliser "\/" et \u00e0 \u00e9crire le mot "service".<\/p>\n\n\n\n![\"Ins\u00e9rer](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-shortcut-shortcut.gif\")
Ins\u00e9rer le bloc de service en utilisant la barre oblique "\/"<\/figcaption><\/figure>\n\n\n\nFait. Voici \u00e0 quoi ressemble le bloc de service avec ses options disponibles.<\/p>\n\n\n\n![\"Bloc](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/10\/service-service-in-editor.jpg\")
Voici \u00e0 quoi ressemble le bloc de service<\/figcaption><\/figure>\n\n\n\n<\/span>Param\u00e8tres de bloc de service<\/span><\/h4>\n\n\n\nDans un premier temps, vous pouvez choisir la disposition du service qui sera mieux adapt\u00e9e \u00e0 la conception de votre site Web. Par d\u00e9faut, il y a la mise en page de la bo\u00eete, qui centrera l'ic\u00f4ne, le titre et la description. Vous pouvez le changer en Disposition de liste dans la barre d'outils sup\u00e9rieure. L'ic\u00f4ne sera d\u00e9plac\u00e9e \u00e0 c\u00f4t\u00e9 du titre et tout sera align\u00e9 \u00e0 gauche.<\/p>\n\n\n\n![\"Modification](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-service-layout.gif\")
Configurez la mise en page de votre bloc de service en un simple clic<\/figcaption><\/figure>\n\n\n\n\u00c0 l'int\u00e9rieur du bloc Service, il y a un espace r\u00e9serv\u00e9, qui fonctionne \u00e9galement comme un indice. Vous saurez exactement quoi \u00e9crire dans cette case individuelle. Le titre signifie g\u00e9n\u00e9ralement le nom du service ou de la fonctionnalit\u00e9. Le texte en dessous d\u00e9crit g\u00e9n\u00e9ralement le service plus en d\u00e9tail ou explique pourquoi le client devrait le commander.<\/p>\n\n\n\n
Le texte peut \u00eatre format\u00e9 comme d'habitude, vous pouvez le mettre en gras, en italique ou ajouter un lien.<\/p>\n\n\n\n
<\/span><\/a>Personnalisation des blocs \u00e0 l'aide de l'inspecteur<\/span><\/h4>\n\n\n\nLes param\u00e8tres avanc\u00e9s dans Inspector vous permettent de modifier le bloc de service selon vos besoins. Vous pouvez changer:<\/p>\n\n\n\n
1. Bloquer les couleurs<\/b><\/p>\n\n\n\n\n- Couleur de l'arri\u00e8re plan<\/li>\n\n\n\n
- Couleur du titre<\/li>\n\n\n\n
- Couleur du texte<\/li>\n<\/ul>\n\n\n\n
![\"Changement](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/service-icon-color.jpg\")
Personnalisez votre bloc en changeant sa couleur<\/figcaption><\/figure>\n\n\n\n2. Ic\u00f4ne ou image dans le bloc de service<\/b><\/p>\n\n\n\n
Le bloc de service affiche par d\u00e9faut des ic\u00f4nes. Vous pouvez choisir une ic\u00f4ne diff\u00e9rente dans le s\u00e9lecteur, en utilisant la barre de recherche. Vous pouvez \u00e9galement modifier la couleur de l'ic\u00f4ne. Au lieu d'une ic\u00f4ne, vous pouvez \u00e9galement utiliser n'importe quelle image. Il peut \u00eatre r\u00e9gl\u00e9 pour correspondre \u00e0 la taille de l'ic\u00f4ne ou pour s'adapter \u00e0 la largeur de la zone de service.<\/p>\n\n\n\n![\"Options](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/10\/service-image-or-icon.jpg\")
Choisissez ce que vous souhaitez afficher \u00e0 l'int\u00e9rieur du bloc - Ic\u00f4ne ou une image\u00a0?<\/figcaption><\/figure>\n\n\n\nSi vous ne souhaitez pas afficher d'ic\u00f4ne ou d'image dans la zone de service, vous pouvez d\u00e9sactiver compl\u00e8tement cette fonctionnalit\u00e9 (Afficher l'ic\u00f4ne ou l'image -> Aucune).<\/p>\n\n\n\n
3. Lien<\/b><\/p>\n\n\n\n
Pour diriger les visiteurs vers une autre page, vous pouvez ajouter un lien dans la zone de service. Un CTA correctement choisi augmente le nombre de clics et le taux de conversion. Vous pouvez simplement \u00e9crire "En savoir plus" et ins\u00e9rer l'URL. Vous pouvez \u00e9galement choisir d'ouvrir ce lien dans un nouvel onglet du navigateur.<\/p>\n\n\n\n![\"Ins\u00e9rer](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/service-read-more-link.jpg\")
Ins\u00e9rer une URL pour cr\u00e9er un message d'incitation \u00e0 l'action<\/figcaption><\/figure>\n\n\n\n4. Classe CSS personnalis\u00e9e<\/b><\/p>\n\n\n\n
Pour les utilisateurs avanc\u00e9s de WordPress, comme dans les autres blocs, l'option disponible permet d'ajouter son propre code CSS. Il vous permet d'apporter des modifications plus importantes \u00e0 la conception des blocs de service.<\/p>\n\n\n\n
<\/span><\/a>Comment cr\u00e9er une page de services avec plusieurs services<\/span><\/h3>\n\n\n\nComme nous l'avons mentionn\u00e9 au d\u00e9but de cet article, la page Services peut \u00eatre utilis\u00e9e pour pr\u00e9senter tous les services en un seul endroit. Cr\u00e9ez une nouvelle page et ins\u00e9rez plusieurs blocs Service c\u00f4te \u00e0 c\u00f4te ou l'un apr\u00e8s l'autre. Les blocs avec services peuvent \u00eatre plac\u00e9s n'importe o\u00f9 en fonction de vos besoins. C'est simplement \u00e0 vous de d\u00e9cider comment vous l'utilisez.<\/p>\n\n\n\n
Comment ajouter une page Service dans l'\u00e9diteur de blocs WordPress \u00e0 l'aide du bloc Service ?<\/p>\n\n\n\n
Gr\u00e2ce \u00e0 ce qui pr\u00e9c\u00e8de, le bloc de service peut rapidement attirer l'attention des visiteurs.<\/p>\n\n\n\n Parce que le service est mis en \u00e9vidence, cela facilitera grandement la lecture visuelle du site Web. M\u00eame si le client ne fait que parcourir votre site Web, il ne manquera pas les services que vous proposez.<\/p>\n\n\n\n Si vous ajoutez une URL \u00e0 votre service, elle peut \u00eatre utilis\u00e9e comme bo\u00eete de navigation avec CTA. Cela incitera les clients \u00e0 cliquer sur la case pour en savoir plus ou commander un service.<\/p>\n\n\n\n Le bloc de service peut \u00e9galement \u00eatre utilis\u00e9 pour mettre en \u00e9vidence les caract\u00e9ristiques du produit ou du service que vous proposez. Cela signifie que chaque bloc de service individuel pr\u00e9sentera une caract\u00e9ristique particuli\u00e8re. Cette repr\u00e9sentation graphique peut faire ressortir les principales qualit\u00e9s d'un produit donn\u00e9. Gardant \u00e0 l'esprit que les visiteurs ne veulent pas lire beaucoup de texte.<\/p>\n\n\n\n Le bloc de service peut \u00eatre utilis\u00e9 \u00e0 l'int\u00e9rieur des publications et des pages - en fait partout o\u00f9 vous en avez besoin. Il est bon de l'utiliser sur la page d'accueil qui est g\u00e9n\u00e9ralement un premier contact avec les visiteurs du site Web. \u00c9tant donn\u00e9 que le bloc de service peut facilement capter l'attention des visiteurs, nous vous recommandons d'utiliser les services sur les pages les plus visit\u00e9es.<\/p>\n\n\n\n Les blocs de service peuvent \u00eatre utilis\u00e9s sur la page de services d\u00e9di\u00e9e, qui a un nombre \u00e9lev\u00e9 de visiteurs similaire \u00e0 la page d'accueil. Vous pouvez pr\u00e9senter tous les services que vous proposez en un seul endroit.<\/p>\n\n\n\n Nous parlerons de la fa\u00e7on de cr\u00e9er la page Services plus tard.<\/p>\n\n\n\n Le principal avantage du bloc Service est qu'il est disponible pour tous les th\u00e8mes WordPress prenant en charge l'\u00e9diteur de blocs WordPress (Gutenberg). Cela signifie que vous pouvez l'utiliser sur notre th\u00e8me ou sur n'importe quel th\u00e8me tiers tel qu'Avada ou Divi. La seule chose dont vous avez besoin est d'installer le plugin Citadela Pro.<\/p>\n\n\n\n Comme nous l'avons d\u00e9j\u00e0 mentionn\u00e9, pour ajouter un bloc de service \u00e0 l'\u00e9diteur, vous avez besoin du plug-in Citadela Blocks. Apr\u00e8s l'activation du plugin, le bloc sera automatiquement ajout\u00e9 \u00e0 l'\u00e9diteur WordPress.<\/p>\n\n\n\n Le bloc de service peut \u00eatre ajout\u00e9 en cliquant sur le symbole "+" dans la barre sup\u00e9rieure ou n'importe o\u00f9 dans l'\u00e9diteur. Apr\u00e8s cela, recherchez simplement le bloc donn\u00e9 en utilisant le terme "Service".<\/p>\n\n\n\n La deuxi\u00e8me option pour ajouter un bloc de service consiste \u00e0 utiliser "\/" et \u00e0 \u00e9crire le mot "service".<\/p>\n\n\n\n Fait. Voici \u00e0 quoi ressemble le bloc de service avec ses options disponibles.<\/p>\n\n\n\n Dans un premier temps, vous pouvez choisir la disposition du service qui sera mieux adapt\u00e9e \u00e0 la conception de votre site Web. Par d\u00e9faut, il y a la mise en page de la bo\u00eete, qui centrera l'ic\u00f4ne, le titre et la description. Vous pouvez le changer en Disposition de liste dans la barre d'outils sup\u00e9rieure. L'ic\u00f4ne sera d\u00e9plac\u00e9e \u00e0 c\u00f4t\u00e9 du titre et tout sera align\u00e9 \u00e0 gauche.<\/p>\n\n\n\n \u00c0 l'int\u00e9rieur du bloc Service, il y a un espace r\u00e9serv\u00e9, qui fonctionne \u00e9galement comme un indice. Vous saurez exactement quoi \u00e9crire dans cette case individuelle. Le titre signifie g\u00e9n\u00e9ralement le nom du service ou de la fonctionnalit\u00e9. Le texte en dessous d\u00e9crit g\u00e9n\u00e9ralement le service plus en d\u00e9tail ou explique pourquoi le client devrait le commander.<\/p>\n\n\n\n Le texte peut \u00eatre format\u00e9 comme d'habitude, vous pouvez le mettre en gras, en italique ou ajouter un lien.<\/p>\n\n\n\n Les param\u00e8tres avanc\u00e9s dans Inspector vous permettent de modifier le bloc de service selon vos besoins. Vous pouvez changer:<\/p>\n\n\n\n 1. Bloquer les couleurs<\/b><\/p>\n\n\n\n 2. Ic\u00f4ne ou image dans le bloc de service<\/b><\/p>\n\n\n\n Le bloc de service affiche par d\u00e9faut des ic\u00f4nes. Vous pouvez choisir une ic\u00f4ne diff\u00e9rente dans le s\u00e9lecteur, en utilisant la barre de recherche. Vous pouvez \u00e9galement modifier la couleur de l'ic\u00f4ne. Au lieu d'une ic\u00f4ne, vous pouvez \u00e9galement utiliser n'importe quelle image. Il peut \u00eatre r\u00e9gl\u00e9 pour correspondre \u00e0 la taille de l'ic\u00f4ne ou pour s'adapter \u00e0 la largeur de la zone de service.<\/p>\n\n\n\n Si vous ne souhaitez pas afficher d'ic\u00f4ne ou d'image dans la zone de service, vous pouvez d\u00e9sactiver compl\u00e8tement cette fonctionnalit\u00e9 (Afficher l'ic\u00f4ne ou l'image -> Aucune).<\/p>\n\n\n\n 3. Lien<\/b><\/p>\n\n\n\n Pour diriger les visiteurs vers une autre page, vous pouvez ajouter un lien dans la zone de service. Un CTA correctement choisi augmente le nombre de clics et le taux de conversion. Vous pouvez simplement \u00e9crire "En savoir plus" et ins\u00e9rer l'URL. Vous pouvez \u00e9galement choisir d'ouvrir ce lien dans un nouvel onglet du navigateur.<\/p>\n\n\n\n 4. Classe CSS personnalis\u00e9e<\/b><\/p>\n\n\n\n Pour les utilisateurs avanc\u00e9s de WordPress, comme dans les autres blocs, l'option disponible permet d'ajouter son propre code CSS. Il vous permet d'apporter des modifications plus importantes \u00e0 la conception des blocs de service.<\/p>\n\n\n\n Comme nous l'avons mentionn\u00e9 au d\u00e9but de cet article, la page Services peut \u00eatre utilis\u00e9e pour pr\u00e9senter tous les services en un seul endroit. Cr\u00e9ez une nouvelle page et ins\u00e9rez plusieurs blocs Service c\u00f4te \u00e0 c\u00f4te ou l'un apr\u00e8s l'autre. Les blocs avec services peuvent \u00eatre plac\u00e9s n'importe o\u00f9 en fonction de vos besoins. C'est simplement \u00e0 vous de d\u00e9cider comment vous l'utilisez.<\/p>\n\n\n\n Comment ajouter une page Service dans l'\u00e9diteur de blocs WordPress \u00e0 l'aide du bloc Service ?<\/p>\n\n\n\n<\/span>Meilleure navigation sur le site Web<\/span><\/h4>\n\n\n\n
<\/span>Bloc de service utilis\u00e9 pour pr\u00e9senter les fonctionnalit\u00e9s<\/span><\/h4>\n\n\n\n
<\/span>O\u00f9 peut \u00eatre le bloc de service utilis\u00e9<\/span><\/h4>\n\n\n\n
<\/span><\/a>Compatibilit\u00e9 avec les th\u00e8mes WordPress<\/span><\/h4>\n\n\n\n
<\/span><\/a>Comment ajouter un bloc de service \u00e0 votre site Web<\/span><\/h3>\n\n\n\n
<\/span>Param\u00e8tres de bloc de service<\/span><\/h4>\n\n\n\n
<\/span><\/a>Personnalisation des blocs \u00e0 l'aide de l'inspecteur<\/span><\/h4>\n\n\n\n
\n
<\/span><\/a>Comment cr\u00e9er une page de services avec plusieurs services<\/span><\/h3>\n\n\n\n
![\"Page](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/10\/service-business-page.jpg\")