Documentation de Recall
Recall est un thème WordPress pour les éducateurs canins, les comportementalistes et les écoles du chiot. Cette page t’explique comment l’installer, importer une démo et adapter chaque partie de ton site.
Pour commencer
Merci d’avoir choisi Recall. Cette documentation est l’assistance du thème : nous ne proposons pas de support individuel, par e-mail ou par téléphone. Tu as trouvé un bug ? Signale-le à contact@comdewouf.fr en indiquant ta version de WordPress, ta version de PHP et le lien de la page concernée : il sera corrigé dans une prochaine mise à jour. Tu préfères qu’on s’occupe de l’installation ? Choisis la formule Recall installé sur studio.comdewouf.fr.
Ce que tu reçois
Juste après l’achat, Freemius (le service de vente du studio) t’envoie un e-mail avec :
- ta clé de licence, à coller dans WordPress après l’activation du thème ;
- le lien de téléchargement de
recall.zip, le thème à téléverser. L’extension Recall Toolkit est incluse dedans et s’installe depuis le thème.
Tu retrouves ta clé, tes factures et tes téléchargements à tout moment dans ton espace client Freemius, avec l’adresse e-mail utilisée pour l’achat.
Le thème enfant est facultatif. Télécharge-le ici si tu prévois de modifier des fichiers PHP ou CSS :
Configuration requise
| Élément | Minimum | Recommandé |
|---|---|---|
| WordPress | 6.3 | Dernière version |
| PHP | 7.4 | 8.1 ou plus récent |
| Elementor (gratuit) | 3.16 avec les conteneurs Flexbox activés | Dernière version |
| Mémoire PHP (memory_limit) | 128M | 256M |
| Taille maximale de téléversement | 16M | 32M |
Installation
Depuis le tableau de bord WordPress
- Va dans Apparence > Thèmes > Ajouter un thème > Téléverser un thème.
- Choisis
recall.zip, clique sur Installer maintenant, puis sur Activer. - Un message te propose d’installer les extensions. Clique sur Commencer l’installation des extensions, sélectionne-les toutes, installe-les, puis active-les.
- Recall Toolkit (obligatoire) : programmes, éducateurs, témoignages, cours collectifs, widgets, import des démos.
- Elementor (obligatoire pour les démos) : le constructeur de pages.
- One Click Demo Import (recommandé) : importe une démo en un clic.
- WooCommerce (facultatif) : seulement si tu veux vendre des produits ou des bons cadeaux.
- Ouvre Apparence > Démarrer : tu y vois ce qui est fait et ce qu’il reste à faire.
recall.zip tel quel, sans le décompresser. Si ton navigateur l’a décompressé tout seul (Safari sur Mac le fait), télécharge-le de nouveau depuis un autre navigateur, ou recompresse le dossier recall.Par FTP
Décompresse recall.zip et envoie le dossier recall dans /wp-content/themes/. Active ensuite le thème dans Apparence > Thèmes.
Thème enfant
Si tu prévois de modifier des fichiers PHP ou CSS, installe aussi recall-child.zip et active le thème enfant à la place de Recall. Tes modifications survivront ainsi aux mises à jour du thème. Les options du thème sont enregistrées thème par thème : active le thème enfant avant de personnaliser, ou importe de nouveau la démo après l’avoir activé.
Activer ta licence
Ta clé de licence arrive par e-mail juste après l’achat. Elle donne accès aux mises à jour depuis ton tableau de bord, à vie.
- Juste après l’activation du thème, WordPress ouvre l’écran d’activation de la licence. Colle ta clé et clique sur Activer la licence.
- Tu as fermé cet écran ? Retrouve-le dans Apparence > Démarrer.
- Les mises à jour apparaissent ensuite dans Tableau de bord > Mises à jour, comme pour n’importe quel thème.
Importer une démo
Trois démos sont incluses. Chacune installe les pages, les menus, les widgets, les programmes, les éducateurs, les témoignages, le planning et les options du thème.
| Démo | Pour qui | Style |
|---|---|---|
| Field | Une école d’éducation canine avec des cours collectifs et une équipe | Vert sapin, jaune laisse, police sans empattement large |
| Calm | Un ou une comportementaliste qui travaille seul, à domicile et en ligne | Bleu nuit et sauge, titres à empattements, en-tête centré |
| Puppy | Une école du chiot avec un planning chargé | Bleu roi, jaune et rose, titres arrondis |
- Vérifie que Recall Toolkit, Elementor et One Click Demo Import sont activés.
- Va dans Apparence > Importer une démo Recall.
- Clique sur Importer sous la démo de ton choix et confirme. L’import prend une à trois minutes.
Les images des démos sont des illustrations originales rangées dans l’extension. Elles sont ajoutées à ta médiathèque pendant l’import : rien n’est téléchargé depuis un serveur distant, l’import fonctionne donc aussi sur un site en local.
Après l’import, le thème désactive aussi Google Fonts dans Elementor (le thème héberge lui-même ses polices). Tu peux les réactiver dans Elementor > Réglages > Avancé.
Le contenu des démos est fictif : remplace les noms, l’adresse, le téléphone et les tarifs par les tiens avant de publier ton site.
Options du thème
Toutes les options se trouvent dans Apparence > Personnaliser > Options du thème Recall. Les changements s’affichent en direct ; clique sur Publier pour les enregistrer.
| Section | Options |
|---|---|
| Couleurs et polices | Style prédéfini (Field, Calm, Puppy), six couleurs (Encre, Papier, Prairie, Signal, Accent, Atténué), police des titres, police du texte, taille du texte. Une couleur que tu choisis remplace celle du style prédéfini ; efface-la pour revenir au style prédéfini. Le texte des boutons passe automatiquement en clair ou en foncé pour rester lisible. |
| Mise en page et boutons | Largeur du contenu, forme des boutons (pilule, arrondi, carré), ligne « laisse » activée ou non, bouton de retour en haut. |
| Barre supérieure | Afficher ou masquer, message, téléphone, e-mail. |
| En-tête | Classique, centré ou par-dessus la première section (transparent sur la page d’accueil), logo clair pour l’en-tête transparent, en-tête collant, bouton de recherche, texte et lien du bouton d’en-tête. |
| Titre de page et fil d’Ariane | Afficher ou masquer le bandeau de titre et le fil d’Ariane. Le fil d’Ariane de Rank Math ou de Yoast est utilisé quand l’une de ces extensions est active. |
| Blog | Grille ou liste, position de la barre latérale sur les archives et les articles, longueur des extraits, informations affichées, encadré auteur, articles similaires, texte du lien « lire la suite ». |
| Pied de page | Nombre de colonnes de widgets (0 à 4), ligne de copyright avec {year} (l’année) et {site} (le nom du site), icônes des réseaux sociaux. |
| Réseaux sociaux | Facebook, Instagram, YouTube, TikTok, LinkedIn, Pinterest. |
| Page 404 | Titre, texte et bouton. |
| Boutique | Produits par ligne, barre latérale de la boutique (visible quand WooCommerce est actif). |
Le logo et l’icône du site se règlent dans Personnaliser > Identité du site. Utilise un SVG ou un PNG d’environ 320 × 96 px.
Options de page
Sur chaque page et chaque article, l’encadré Options de page Recall permet de masquer le bandeau de titre. Trois modèles de page sont disponibles dans le panneau Page : Pleine largeur (sans bandeau de titre) pour les mises en page Elementor, Vierge (sans en-tête ni pied de page) pour les pages d’atterrissage, et Page avec barre latérale.
Programmes, éducateurs, cours
Recall Toolkit ajoute quatre types de contenu dans le menu du tableau de bord.
Programmes
Un programme par prestation : cours chiot, marche en laisse détendue, programme chien réactif, coaching en ligne… Remplis le titre, un court extrait (affiché sur les cartes), une image mise en avant, la description et l’encadré Détails du programme :
| Champ | Exemple | Où il s’affiche |
|---|---|---|
| Prix, précision sur le prix | 390 €, les 6 séances | Cartes, sélecteur, page du programme |
| Durée | 6 semaines | Cartes, sélecteur, page du programme |
| Format | Individuel, collectif, à domicile, en ligne, pension éducative | Cartes, page du programme |
| Pour les chiens âgés de | 8 à 20 semaines | Cartes, page du programme |
| Icône | Laisse | Cartes |
| Ce que le gardien saura faire | Un résultat par ligne | Liste à cocher sur les cartes, le sélecteur et la page du programme |
| Lien de réservation | N’importe quelle adresse. Vide : ta page dont le slug est « contact » | Bouton « Réserver ce programme » |
Utilise Programmes > Problèmes traités pour classer les programmes (tire en laisse, rappel, réactivité…). Les visiteurs peuvent filtrer l’archive des programmes par problème, et le formulaire de bilan reprend cette liste. Les programmes s’affichent selon le champ Ordre de l’encadré Attributs de page.
Éducateurs
Nom, photo (un portrait au format 4:5 rend le mieux), biographie, et dans Détails de l’éducateur : rôle, diplômes (un par ligne), spécialités (séparées par des virgules), e-mail et réseaux sociaux. Chaque éducateur a sa page de profil, et la liste complète se trouve sur /trainers/.
Témoignages
Le titre est le nom du propriétaire, le contenu est sa citation. Ajoute le nom et la race du chien, une note, un court Avant et Aujourd’hui, et si tu veux le programme suivi. L’image mise en avant est la photo ronde à côté du nom : une photo du chien fonctionne très bien.
Cours collectifs (planning)
Une entrée par créneau hebdomadaire : jour, heure de début et de fin, niveau, lieu, éducateur, places restantes et programme lié. Mets Places restantes à 0 pour afficher le cours comme complet avec un message de liste d’attente. Laisse le champ vide pour masquer le nombre de places. La bannière principale peut afficher automatiquement le prochain cours qui a encore des places.
Widgets Elementor
Dans le panneau Elementor, la catégorie Recall : éducation canine regroupe 17 widgets. Chacun a ses réglages de contenu, et tous sauf le séparateur laisse ont un onglet Style pour les couleurs, la typographie et l’arrondi des cartes.
| Widget | Ce qu’il fait |
|---|---|
| Bannière principale | Grand titre, texte, deux boutons, note, photo dans un cadre en forme de médaille, badge du prochain cours, ligne laisse. Trois mises en page. |
| Titre de section | Étiquette facultative, titre, texte, alignement, balise HTML. |
| Sélecteur de programmes | Le visiteur choisit un problème, le programme correspondant s’affiche avec sa durée, son prix, ses résultats et ses boutons. Onglets utilisables au clavier. |
| Grille de programmes | Cartes des programmes, filtrées par problème, de 2 à 4 colonnes. |
| Étapes du parcours | Étapes numérotées reliées par une laisse en pointillés. |
| Planning des cours | Planning hebdomadaire avec filtre par niveau et places restantes. |
| Témoignages | Carrousel ou grille, note, avant / aujourd’hui, photo. |
| Formules tarifaires | Formules avec liste d’inclus et une formule mise en avant. |
| Éducateurs | Grille de l’équipe avec rôle, spécialités et diplômes. |
| Chiffres clés | Des chiffres qui défilent quand ils apparaissent à l’écran. |
| FAQ | Accordéon construit sur les éléments natifs details, données structurées FAQPage en option. |
| Derniers articles | Cartes d’articles du blog, par catégorie. |
| Appel à l’action | Bandeau foncé, doux ou couleur signal avec bouton, téléphone et photo facultative. |
| Coordonnées | Adresse, zone d’intervention à domicile, téléphone, e-mail et horaires d’ouverture. |
| Formulaire de bilan | Le formulaire de demande décrit plus bas. |
| Atouts avec icônes | Éléments icône, titre et texte, simples ou en cartes. |
| Séparateur laisse | La ligne laisse du thème, pour séparer deux sections. |
var(--rc-signal) (ou ink, paper, field, accent, muted). La couleur suit alors les réglages du personnalisateur.Codes courts et éditeur de blocs
Sans Elementor, ajoute un bloc « Code court » avec l’un de ceux-ci :
[recall_programs count="6" columns="3" issue="reactivity" price="yes" outcomes="yes"]
[recall_timetable days="mon,wed,sat" filter="yes" book_text="Réserver une place" book_url="/contact/"]
[recall_testimonials count="6" layout="grid"]
[recall_trainers count="4" columns="4"]
[recall_assessment_form]
Le paramètre issue attend le slug d’un problème traité, et days les jours en abrégé anglais (mon, tue, wed, thu, fri, sat, sun) : ils s’affichent en français sur le site. L’éditeur de blocs reçoit aussi les couleurs du thème, trois styles de blocs (bouton Signal, groupe Carte douce, liste Liste à cocher) et deux compositions dans la catégorie Recall.
Formulaire de bilan
Le formulaire demande le nom du propriétaire, son e-mail, son téléphone (facultatif), le nom, l’âge et la race du chien, le problème et un message, avec une case de consentement. Les réglages se trouvent dans Réglages > Formulaire de bilan : e-mail de destination, objet, message de confirmation et page de confidentialité.
- Les demandes sont envoyées par e-mail avec
wp_mail()et ne sont pas enregistrées sur le site. - Protection contre le spam : champ piège invisible, durée minimale de remplissage signée, jeton de sécurité WordPress (nonce) et limite de cinq demandes par heure depuis la même connexion.
- Si les e-mails n’arrivent pas, installe une extension SMTP (WP Mail SMTP, FluentSMTP…) : beaucoup d’hébergeurs bloquent l’envoi d’e-mails par PHP.
- Les développeurs peuvent transmettre les demandes à un CRM avec l’action
recall_toolkit_assessment_request.
Menus et widgets
Apparence > Menus propose trois emplacements : Menu principal (jusqu’à trois niveaux), Menu de la barre supérieure et Menu du bas de pied de page. Sur les écrans de moins de 1 100 px, le menu principal devient un panneau latéral.
Zones de widgets : Barre latérale du blog, Barre latérale des pages, Barre latérale de la boutique (avec WooCommerce) et Colonnes de pied de page 1 à 4. Recall Toolkit ajoute deux widgets : Recall : Programmes et Recall : Contact et horaires.
WooCommerce
Recall met en forme WooCommerce uniquement par le CSS et des points d’accroche ; aucun modèle WooCommerce n’est remplacé, donc les mises à jour de WooCommerce ne laissent jamais de modèles obsolètes. Utilise-le pour des bons cadeaux, des pochettes à friandises ou des formations en ligne. Le nombre de produits par ligne et la barre latérale de la boutique se règlent dans le personnalisateur.
Traduction
Recall et Recall Toolkit sont prêts à être traduits et sont livrés en français : sur un site réglé en français, toute l’interface du thème, de l’extension et des démos s’affiche en français. Modèles pour les autres langues :
recall/languages/recall.potrecall-toolkit/languages/recall-toolkit.pot
Traduis-les avec Loco Translate ou Poedit. Enregistre les fichiers du thème sous la forme {locale}.po/.mo (par exemple de_DE.mo) et ceux de l’extension sous la forme recall-toolkit-{locale}.mo. Une fois importés, les textes des démos sont du contenu de page : modifie-les directement dans Elementor. Les programmes, éducateurs, témoignages et cours sont des types de contenu WordPress standards, donc les extensions multilingues peuvent les traduire. Le thème et l’extension incluent tous deux une feuille de style pour les langues de droite à gauche (RTL).
Pour forcer la langue des démos indépendamment de la langue du site, les développeurs peuvent utiliser le filtre rct_demo_language (par exemple 'fr').
Thème enfant et développeurs
Filtres
| Point d’accroche | Usage |
|---|---|
recall_presets | Ajouter ou modifier des styles prédéfinis (couleurs et polices). Exemple dans le functions.php du thème enfant. |
recall_fonts | Ajouter une pile de polices aux choix proposés. |
recall_defaults | Modifier la valeur par défaut de n’importe quelle option. |
recall_dynamic_css | Filtrer les variables CSS imprimées dans l’en-tête de la page. |
recall_sidebar_position | Forcer la position de la barre latérale pour un affichage donné. |
recall_show_title_bar | Afficher ou masquer le bandeau de titre par le code. |
recall_content_width | Largeur de contenu utilisée pour les contenus embarqués. |
rct_demo_language | Forcer la langue du contenu des démos. |
Actions
| Point d’accroche | Usage |
|---|---|
recall_header_actions | Ajouter une icône ou un bouton dans l’en-tête (le panier WooCommerce l’utilise). |
recall_toolkit_assessment_request | S’exécute après une demande de bilan, avec les données nettoyées et le résultat de l’envoi. |
Remplacer les modèles
Copie n’importe quel fichier de recall-toolkit/templates/ (modèles de page seule et d’archive pour les programmes et les éducateurs) dans ton-theme-enfant/recall-toolkit/ et modifie-le là.
Variables CSS
--rc-ink --rc-paper --rc-field --rc-signal --rc-accent --rc-muted
--rc-font-heading --rc-font-body --rc-container --rc-btn-radius
Le Theme Builder d’Elementor Pro peut remplacer l’en-tête et le pied de page : le thème déclare tous les emplacements standards.
Confidentialité et performance
- Les polices sont hébergées dans le thème. Ni le thème ni l’extension n’appellent Google Fonts ou un service de statistiques. Les seules images externes sont les avatars WordPress (Gravatar) affichés dans les commentaires et l’encadré auteur ; tu peux désactiver les avatars dans Réglages > Discussion.
- L’activation de la licence et les mises à jour passent par Freemius, le service de vente du studio. À l’activation, il reçoit l’adresse de ton site, les versions du thème, de WordPress et de PHP, et l’adresse e-mail liée à ta licence. Rien n’est envoyé depuis les pages vues par tes visiteurs.
- Ni le thème ni l’extension ne déposent de cookie.
- Le formulaire de bilan n’enregistre aucune donnée personnelle.
- Le JavaScript côté visiteurs ne dépend d’aucune bibliothèque (pas de jQuery) et ne pèse que quelques kilo-octets.
- Les images utilisent les tailles adaptatives de WordPress et le chargement différé.
Dépannage
L’import de la démo s’arrête ou dépasse le délai
Fais passer max_execution_time à 300 et memory_limit à 256M (demande à ton hébergeur), puis relance l’import.
La démo s’est importée en anglais
La langue du site était en anglais au moment de l’import. Règle Réglages > Général > Langue du site sur « Français », puis importe de nouveau la démo sur un site neuf.
Les pages Elementor n’ont pas de mise en forme après l’import
Va dans Elementor > Outils > Régénérer les fichiers et données, puis vide le cache de ton extension de cache. Vérifie que les conteneurs Flexbox sont activés dans Elementor > Réglages > Fonctionnalités.
Les pages des programmes affichent « Page introuvable »
Va dans Réglages > Permaliens et clique sur Enregistrer, sans rien changer.
Le planning est vide
Ajoute des cours dans Cours collectifs > Ajouter un cours au planning, avec un jour et une heure de début.
Le formulaire indique que la page est restée ouverte trop longtemps
Exclus la page qui contient le formulaire de ton extension de cache, ou règle sa durée de cache à moins de deux jours.
Le formulaire indique que le message n’a pas pu être envoyé
Ton serveur ne parvient pas à envoyer d’e-mails. Installe une extension SMTP et envoie un e-mail de test.
Crédits et licences
- Code PHP et HTML : GNU GPL v2 ou ultérieure.
- Polices : Archivo, Atkinson Hyperlegible Next, Newsreader et Fredoka, sous licence SIL Open Font License 1.1.
- TGM Plugin Activation : GPL v2 ou ultérieure.
- Freemius WordPress SDK (activation de la licence et mises à jour) : GNU GPL v3.
- Icônes et illustrations des démos : créations originales réalisées pour Recall, incluses sous la licence du thème.
Les photos éventuellement visibles sur l’aperçu de la boutique ne sont pas incluses dans le téléchargement.
Historique des versions
1.0.1 — 15 octobre 2026
- Démos et documentation en français.
- Démo Field : nouvelle illustration d’accueil, trois chiens au soleil.
- Les démos traduites reçoivent leurs menus ; les boutons placés dans les blocs de texte pointent vers les bonnes pages après l’import.
1.0.0 — 9 octobre 2026
- Première version.