Les options du thème ou le personnalisateur sont accessibles de deux manières : via le menu par défaut de WordPress en naviguant vers Kata > Options, ou en allant dans Apparence > Personnaliser.
L'image ci-dessous présente la page de personnalisation, avec les options à gauche et une section d'aperçu à droite. Elle ressemble beaucoup à l'outil de personnalisation par défaut de WordPress.
Vous pouvez modifier les paramètres généraux de votre site web sur cette page et voir les modifications en temps réel sur la droite de l'écran.
Remarque : Une fois vos paramètres modifiés, n’oubliez pas de cliquer sur Publier pour appliquer les modifications. Si aucune modification n’a été apportée, ce bouton sera grisé.
De plus, vous pouvez modifier le thème de votre site web à l'aide des options disponibles, telles que :
Identité du site
Mise En PageVous pouvez ici définir la mise en page des pages du site web (encadrée ou pleine largeur). Si l'option « Pleine largeur » est sélectionnée, le conteneur de la page web occupera tout l'écran de l'utilisateur ; si l'option « Encadrée » est sélectionnée, la largeur du conteneur sera limitée.
ServiceSi vous souhaitez que votre site web soit adaptatif, assurez-vous d'activer l'option suivante.
Page Web évolutiveCette option permet à l'utilisateur de redimensionner le site web.
Titre et slogan du siteIci, vous pouvez modifier le titre et le slogan de votre site. Comme vous le savez peut-être, ces deux champs s'affichent dans l'onglet du navigateur de vos visiteurs et servent à résumer l'identité de votre site web en quelques phrases.
Icône du siteCette option concerne l'icône de votre site web. Cette icône s'affiche dans l'onglet du navigateur, la barre de favoris et les applications mobiles. Téléchargez l'icône de votre choix.
Paramètres de la page d'accueil
Vous pouvez choisir le contenu de la page d'accueil de votre site. Il peut s'agir de vos articles par ordre chronologique inverse (blog classique) ou d'une page fixe. Pour définir une page d'accueil fixe, vous devez d'abord créer deux pages : l'une servira de page d'accueil, et l'autre affichera vos articles.
En-tête
Dans cette section, vous pouvez accéder à l'éditeur d'en-tête et commencer à le modifier.
Styling avancée
Dans cette section du personnalisateur, vous pouvez modifier la couleur principale et les motifs de couleurs les plus courants de votre thème à l'aide de Outil de stylerDe plus, vous pouvez facilement intégrer une typographie unique à votre site web. Les options disponibles dans cette section incluent :
- Body
- Tous les titres
- Intitulé 1
- Intitulé 2
- Intitulé 3
- Intitulé 4
- Intitulé 5
- Intitulé 6
- Paragraphe (balise p)
- blockquote
- Liens (une balise)
- balise ul
- balise li
- étiquette ol
- Image (balise img)
- Bouton
- lampe de table
- balise tr
- étiquette th
- balise td
- Entrée
- Textarea
- Choisir
- Case à cocher
- Radio
Vous pouvez ajouter les styles de votre choix à ces balises HTML à l'aide de l'outil Styler, et votre typographie unique sera prête.
Contenant
La largeur du conteneur peut être ajustée ici en fonction de la taille de l'écran. Kata prend en charge 6 tailles d'écran différentes pour différents appareils :
- Bureau (1920px)
- Ordinateur portable (1366px)
- Tablette paysage (1024px)
- Tablette (768px)
- Mobile (480px)
- Petit mobile (320px)
Sur ordinateur, vous pouvez définir une largeur personnalisée pour le conteneur. Cependant, pour les ordinateurs portables et les tablettes en mode paysage, nous recommandons respectivement 1024 px et 100 %. Pour les tablettes, les mobiles et les petits mobiles, nous suggérons des largeurs de 78 %, 90 % et 88 %, dans cet ordre. Ces valeurs ne sont que des recommandations ; vous pouvez bien sûr choisir les largeurs qui vous conviennent.
Précharge
Vous pouvez configurer un préchargeur esthétique qui s'affiche jusqu'au chargement complet de votre page. Une fois activé, plusieurs options vous permettent de le personnaliser à l'aide de l'outil de personnalisation.
Blog
Cette section propose trois options : Blog, Archive page et Une annonceEn sélectionnant chacune de ces options, vous pouvez personnaliser chacune de ces pages à l'aide d'Elementor.
Pages
Vous pouvez ajuster ici les paramètres généraux des pages WordPress, notamment les options relatives au fil d'Ariane, au titre de la page, au blog, aux archives, à l'auteur, à la recherche, à l'erreur 404 (page introuvable) et à la barre latérale.
Vous pouvez personnaliser la page en affichant ou en masquant des sections spécifiques selon vos préférences. De plus, vous pouvez améliorer l'aspect visuel de la page grâce à l'outil Styler, ainsi qu'à diverses autres fonctionnalités vous permettant de modifier la mise en page, les couleurs, les polices, etc.
Chapelure: Cette section vous permet d'afficher ou de masquer le fil d'Ariane de la page.
Titre de la page: Cette section vous permet d'afficher ou de masquer le titre de la page.
Blog: Cette section vous permet d'afficher ou de masquer l'en-tête de la page du blog, de régler la transparence de l'en-tête, d'afficher ou de masquer le titre du blog et de personnaliser son apparence à l'aide des options de style.
Archiver: Cette section vous permet d'afficher ou de masquer l'en-tête de l'archive. page, ajuster la transparence de l'en-tête, afficher ou masquer l'archive titre et personnalisez son apparence à l'aide des options de style.
Auteur : Cette section vous permet d'afficher ou de masquer l'en-tête de la page Auteur, de régler la transparence de l'en-tête, d'afficher ou de masquer le titre de l'auteur et de personnaliser son apparence à l'aide des options de style.
Chercher: Cette section vous permet d'afficher ou de masquer l'en-tête de la page de recherche, de régler la transparence de l'en-tête, d'afficher ou de masquer le titre de la recherche et de personnaliser son apparence à l'aide des options de style.
404 non trouvé : Cette section vous permet d'afficher ou de masquer l'en-tête de la page 404 et d'ajuster sa transparence.
Barre latérale: Cette section vous permet de configurer la position de la barre latérale sur les pages.
Menu
Vous pouvez gérer le menu de votre site web ici. Tous les menus sont répertoriés dans cette section ; vous pouvez ajouter des éléments au menu, modifier leur ordre et ajouter automatiquement des pages de premier niveau aux menus.
Pied de page
Dans cette section du personnalisateur, vous pouvez accéder à l'éditeur de pied de page et le modifier.
Gestionnaire de polices
Dans cette section, vous pouvez accéder à l'éditeur de gestionnaire de polices et ajouter ou supprimer des polices en cliquant sur le bouton.
Widgets
Cette section vous permet de gérer et de configurer les widgets de votre site web.
API
Cette section propose actuellement deux options : API Google Maps et l'API Instagram. Vous pouvez configurer la clé API de Google Maps et l'API Instagram ici.
Performances
Dans cette section, vous trouverez quatre options pour optimiser votre site : Elementor, WordPress, Assets Manager et Optimization. Chacune de ces options propose des fonctionnalités conçues pour améliorer les performances de votre site.
ElementorVous découvrirez ici une variété d'options, toutes expliquées de manière conviviale juste en dessous de chacune, afin que vous sachiez exactement à quoi sert chacune d'elles.
WordPressCette section regorge également d'options utiles. Nous avons veillé à fournir des explications claires pour chaque fonction, afin de faciliter la navigation.
Gestionnaire d'actifsExplorez cette section pour découvrir plusieurs options de gestion des ressources de votre site. Des explications claires sont fournies sous chaque option.
OptimisationCette section propose un éventail d'options, chacune étant accompagnée d'une description ci-dessous pour vous aider à comprendre ses avantages.
Faites défiler
Vous pouvez consulter les options relatives au défilement ici.
Trois options sont disponibles:
Retour au sommetCette fonction peut être activée ou désactivée (également séparément sur mobile) et le style peut être appliqué depuis le Styler.
Scroll lisseActivez ou désactivez la fonction de défilement fluide sur votre page.
Barre de défilement: Activez ou désactivez la fonctionnalité et personnalisez-la également à l'aide du Styler.
Codes personnalisés
Vous pouvez ajouter du code personnalisé avant les balises <head> et <body>. Vous pouvez y insérer vos scripts préférés pour enrichir les fonctionnalités de votre site WordPress. Cette fonctionnalité est généralement utilisée pour ajouter du code pour Google Analytics ou d'autres services tiers.
GDPR
Vous pouvez configurer votre propre module RGPD ici. Tous les détails du module, y compris les options de texte et de style, sont configurables.
Mode de maintenance
Kata possède une fonctionnalité appelée mode maintenance qui vous permet de rediriger les utilisateurs vers une page temporaire pendant que vous travaillez encore sur la conception.
Marque blanche
Kata propose également une option de marque blanche. Vous pouvez ainsi remplacer les textes et logos par défaut par les vôtres afin de personnaliser entièrement votre site web à l'image de votre marque. Il est également possible de masquer certains types de publications Kata et des éléments du panneau d'administration. Vous pouvez même remplacer le logo WordPress par le vôtre sur la page de connexion. Tous ces éléments sont personnalisables depuis cette interface.
WooCommerce
Dans cette section, vous pouvez configurer les différentes sections de votre boutique WooCommerce et apporter toutes les modifications que vous souhaitez publier sur WooCommerce.
Avis du magasin : Si cette option est activée, ce texte s'affichera sur l'ensemble du site. Vous pouvez l'utiliser pour présenter des événements ou des promotions aux visiteurs.
Catalogue de produits: Dans cette section, vous pouvez configurer les pages de votre catalogue de produits et ajuster différentes options.
Images du produit: Dans cette section, vous pouvez configurer les images et les options de votre produit.
Départ : Cette section peut être personnalisée dans l'éditeur avec votre thème actif.
Options de style: Dans cette section, vous pouvez personnaliser l'apparence de votre boutique WooCommerce et ajuster les couleurs, le rayon des bordures et la taille de la police.
CSS supplémentaire
Bien que le Styler complet rende inutile la saisie manuelle de CSS, nous offrons toujours la possibilité à ceux qui préfèrent saisir leur propre code CSS.
Export / Import
Dans cette section, vous pouvez exporter tous vos paramètres de personnalisation et également importer les paramètres exportés.
