À quoi ça sert

Websource Theme Config est le tableau de bord de l'apparence de votre site.

Vous choisissez vos couleurs, vos polices et l'arrondi des angles.
Vous modifiez le texte de copyright en bas du site.
Vous complétez les informations lues par Google et les réseaux sociaux.
Vous appliquez une démo complète en quelques clics, et vous revenez en arrière si elle ne vous plaît pas.

L'extension est faite pour le thème Websource Theme. Elle fonctionne aussi avec un autre thème : les couleurs, les polices, les balises techniques, le flux RSS et le copyright restent utilisables. Seuls les choix de mise en page (en-tête, pied de page, menu mobile) sont réservés au thème Websource.

Installation

Dans l'administration, ouvrez Extensions > Ajouter une extension.
Cliquez sur Téléverser une extension et choisissez le fichier websource-theme-config.zip.
Cliquez sur Installer maintenant, puis sur Activer.
Ouvrez Apparence > Websource Theme Config.

Prise en main en 5 minutes

Ouvrez Apparence > Websource Theme Config.
Dans la carte 1. Couleurs, cliquez sur une palette de la rubrique Palettes toutes faites. L'aperçu change aussitôt.
Vérifiez la rubrique Lisibilité (contraste WCAG) : les pastilles doivent être vertes.
Dans la carte 2. Forme, choisissez les Angles arrondis.
Dans la carte 6. Pied de page : copyright, modifiez le texte.
Cliquez sur Enregistrer en bas de la page.
Ouvrez votre site dans un autre onglet : les changements sont en ligne.

Carte des couleurs avec les harmonies, les palettes et le contrôle de contraste

Réglages

1. Couleurs

Réglage	Rôle
Couleur principale	Couleur de votre marque : boutons, liens, éléments mis en avant.
Couleur secondaire	Deuxième couleur, pour les bandeaux et les touches de contraste.
Accent	Couleur des petites touches : pastilles, filets, survols du pied de page.
Texte	Couleur du texte courant.
Bordures	Couleur des bordures des cartes, des champs et des tableaux.
Fond de page	Couleur de fond du site.
Fond des cartes	Couleur de fond des cartes et des blocs.
Fond du pied de page	Couleur de fond du bas du site. Le texte s'adapte seul, clair ou foncé.
Bouton pipette	Prélève une couleur n'importe où à l'écran. Le bouton n'apparaît que dans les navigateurs qui le permettent (Chrome, Edge).
Intensité des couleurs	Sobre, Équilibrée ou Vive : dose l'usage des couleurs secondaire et accent.
Afficher le sélecteur de palettes aux administrateurs connectés sur le site	Ajoute sur le site un panneau pour essayer les palettes en direct. Les visiteurs ne le voient pas.
Suggestions depuis la couleur principale	Couleurs calculées (complémentaire, analogues, triade…). Un clic applique la teinte.
Palettes toutes faites	Neuf jeux de couleurs complets, appliqués en un clic.
Lisibilité (contraste WCAG)	Indique si le texte reste lisible sur vos fonds. Visez « AA » ou « AAA ».

2. Forme

Réglage	Rôle
Afficher les bordures (cartes, champs, tableaux)	Affiche ou retire les bordures.
Sans bordures : ajouter une ombre légère aux cartes	Remplace les bordures par une ombre discrète.
Angles arrondis	De « Aucun (carré) » à « Très arrondi ».

3. Polices

Réglage	Rôle
Texte courant	Police du texte : police du système, Google Fonts ou fichier importé.
Titres	Police des titres, avec les mêmes choix.
Champ de nom	Nom de la police Google (« Inter ») ou adresse fournie par Google Fonts.
Fichier	Fichier de police à importer : woff2, woff, ttf ou otf, 3 Mo maximum.

Avec « Google Fonts », la police est chargée depuis les serveurs de Google à chaque visite. Pour éviter tout appel extérieur, importez le fichier de la police.

4. Balises du head

Réglage	Rôle
Compléter Open Graph / Twitter	Ajoute les informations lues lors d'un partage sur les réseaux sociaux.
Balise theme-color (couleur principale)	Colore la barre du navigateur sur mobile.
Image Open Graph par défaut (URL)	Image affichée lors d'un partage, hors fiches produit.
Compte Twitter/X	Votre compte, sous la forme @boutique.
Facebook App ID	Identifiant de votre application Facebook, si vous en avez une.
Preconnect, DNS-prefetch, Preload	Adresses à préparer à l'avance pour accélérer l'affichage. Une adresse par ligne.
Balises libres	Code ajouté tel quel dans l'en-tête technique, par exemple une balise de vérification. Réservé aux comptes autorisés à publier du code.

5. Microdonnées et flux RSS

Réglage	Rôle
Profils sociaux	Adresses de vos pages sur les réseaux, une par ligne.
Téléphone, E-mail	Coordonnées de votre service client, transmises aux moteurs de recherche.
Activer le flux RSS des produits	Publie la liste de vos derniers produits à l'adresse affichée.
Nombre de produits dans le flux	De 1 à 100.

Microdonnées e-commerce : livraison, retours, paiement

Rien n'est transmis tant qu'un champ n'est pas rempli.

Réglage	Rôle
Pays de livraison	Codes des pays livrés, séparés par des virgules : FR, BE, CH.
Délais de préparation et de transport	Nombre de jours minimum et maximum.
Coût de livraison par défaut, Livraison gratuite à partir de	Montants annoncés aux moteurs de recherche.
Retours	Retours acceptés ou non, délai, frais, mode de retour, page de votre politique.
Organisation	Moyens de paiement, zone desservie, gamme de prix, devises acceptées.

6. Pied de page : copyright

Réglage	Rôle
Onglets de langue	Un texte par langue du site.
B, I, Lien, Saut de ligne	Mise en forme du texte.
Insérer l'année	Ajoute l'année en cours, mise à jour toute seule.
Insérer le nom du site	Ajoute le nom de votre site.
Rétablir le texte par défaut	Revient au texte d'origine.
Aperçu en direct	Montre le résultat tel qu'il sera affiché.

7. Pied de page : informations de la boutique

Réglage	Rôle
Afficher la colonne « Informations de la boutique »	Affiche ou masque ce bloc.
Logo, Nom	Éléments affichés dans le bloc.
Logo clair, Logo sombre	Logos du pied de page selon la couleur de fond. PNG, SVG, WebP ou JPG, 2 Mo maximum.
Description courte	Quelques mots sous le logo, par langue.
Réseaux sociaux	Adresses de vos pages. Seuls les réseaux remplis sont affichés.

8. Catégories : sous-catégories

Réglage	Rôle
Affichage des sous-catégories	Image et nom, image seule, info-bulle, masquées ou défilement horizontal.
Défilement automatique, Délai	Réglages du défilement.

9. Badges

Réglage	Rôle
Arrondi des coins	Pilule, arrondi moyen, carré ou valeur libre.
Taille de police, Graisse, Texte en MAJUSCULES	Apparence du texte des badges.
Épaisseur	Bordure des badges.
Marges internes, Espace entre les badges	Espacements.
Couleurs par type	Fond, texte et bordure de chaque type de badge. Un champ vide garde la couleur par défaut.

10. Extensions Websource du thème

Réglage	Rôle
Tableau	Liste les extensions Websource et leur état : active, désactivée ou à téléverser.
Activer les extensions Websource	Active d'un coup toutes celles qui sont déjà téléversées.
Désactiver les extensions activées ici	Annule l'activation faite par ce bouton.

10. En-tête, 11. Miniatures produit, 12. Partage, Tunnel de commande

Réglage	Rôle
Hauteur minimale, marges haute et basse	Dimensions de l'en-tête sur ordinateur (thème Websource).
Marge interne entre la bordure et l'image, Arrondi de l'image	Cadre des images dans les listes de produits.
Afficher les déclinaisons disponibles sous l'image de la miniature	Masqué, couleurs seules, ou couleurs et tailles.
Nombre maximum de valeurs affichées par attribut	Au-delà, un « +N » renvoie à la fiche produit.
Valeurs en rupture de stock	Les barrer, les masquer ou les afficher normalement.
Réseaux de partage	Boutons « Partager » de la fiche produit (thème Websource).
En-tête et pied de page du tunnel de commande	Complet, épuré ou aucun (thème Websource).

Importer / Exporter le thème

Ouvrez Apparence > Importer / Exporter le thème.

Réglage	Rôle
Galerie de démos	Treize habillages complets. Cliquez une démo pour voir ses captures.
Analyser cette démo, Analyser le paquet	Liste ce qui serait modifié, sans rien changer.
Mode d'import	« Remplacer mes réglages » ou « Fusionner avec mes réglages ».
Importer les sections sélectionnées	Applique les sections cochées après l'analyse.
Exporter mon thème	Télécharge vos réglages dans un fichier à conserver ou à réutiliser sur un autre site.
Paquets importés	Historique des cinq derniers imports, avec le bouton Revenir.

Cas d'usage

Appliquer une démo puis revenir en arrière

Ouvrez Apparence > Importer / Exporter le thème.
Cliquez une démo, puis Analyser cette démo.
Lisez le rapport et cliquez sur Importer les sections sélectionnées.
Si le résultat ne vous convient pas, cliquez sur Revenir dans Paquets importés.

Essayer des palettes directement sur le site

Cochez Afficher le sélecteur de palettes aux administrateurs connectés sur le site, puis Enregistrer.
Ouvrez votre site en restant connecté.
Cliquez sur le bouton rond en bas à gauche, puis sur une palette.
Cliquez sur Enregistrer pour la garder, ou sur Annuler.

Afficher le copyright dans un autre thème

Ouvrez l'éditeur du site ou une page.
Ajoutez le bloc Websource Copyright.
Vous pouvez aussi coller le code court [websource_copyright].

Donner une couleur à une pastille de variation

Ouvrez Produits > Attributs, puis Configurer les termes de l'attribut Couleur.
Modifiez un terme et remplissez Couleur de la pastille, par exemple #0369a1.
Enregistrez. La pastille apparaît sous l'image du produit dans les listes.

Boutique avec les couleurs appliquées, thème Twenty Twenty-Five

Avec le thème Websource, la démo « Jouets » importée règle aussi l'en-tête, le pied de page et la police :

Boutique avec le thème Websource et une démo importée

Questions fréquentes

L'extension fonctionne-t-elle sans le thème Websource ? Oui. Les couleurs, les polices, les balises, les microdonnées, le flux RSS, le copyright et les pastilles de variations fonctionnent avec tout thème. Les choix d'en-tête, de pied de page et de tunnel de commande sont réservés au thème Websource.

Faut-il WooCommerce ? Non. Sans WooCommerce, le flux RSS des produits, les pastilles de variations et les microdonnées de livraison ne sont simplement pas utilisés.

Les démos importent-elles des produits ou des pages ? Non. Une démo applique un habillage : couleurs, polices, formes, badges, mise en page et styles de page.

Mon site est en plusieurs langues. Comment traduire le copyright ? Avec Polylang ou WPML, un onglet par langue apparaît dans l'éditeur du copyright.

J'utilise déjà une extension de référencement. Avec Yoast SEO, Rank Math, SEOPress ou All in One SEO, les données « Organization » et « WebSite » sont laissées à cette extension.

Dépannage

Problème	Solution
Mes couleurs ne changent pas sur le site	Videz le cache de votre extension de cache, puis rechargez la page.
Le bouton pipette n'apparaît pas	Votre navigateur ne le permet pas. Utilisez Chrome ou Edge, ou saisissez le code de la couleur.
« Police refusée »	Utilisez un fichier woff2, woff, ttf ou otf de moins de 3 Mo.
« Logo refusé »	Utilisez un fichier PNG, SVG, WebP ou JPG de moins de 2 Mo.
Le champ « Balises libres » ne s'enregistre pas	Votre compte n'a pas le droit de publier du code. Demandez à un administrateur.
Une section est « ignorée » à l'import	L'extension qui gère cette section n'est pas active sur votre site.
Le sélecteur de palettes n'apparaît pas	Vérifiez que la case est cochée et que vous êtes connecté comme administrateur.

Désinstallation

Ouvrez Extensions > Extensions installées.
Cliquez sur Désactiver sous Websource Theme Config. Vos réglages sont conservés.
Cliquez sur Supprimer pour tout effacer : réglages, polices et logos importés, sauvegardes.

Websource Theme Config pour WordPress