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 :

Télécharger recall-child.zip

Configuration requise

ÉlémentMinimumRecommandé
WordPress6.3Dernière version
PHP7.48.1 ou plus récent
Elementor (gratuit)3.16 avec les conteneurs Flexbox activésDernière version
Mémoire PHP (memory_limit)128M256M
Taille maximale de téléversement16M32M

Installation

Depuis le tableau de bord WordPress

  1. Va dans Apparence > Thèmes > Ajouter un thème > Téléverser un thème.
  2. Choisis recall.zip, clique sur Installer maintenant, puis sur Activer.
  3. 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.
  4. Ouvre Apparence > Démarrer : tu y vois ce qui est fait et ce qu’il reste à faire.
Téléverse 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.

  1. 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.
  2. Tu as fermé cet écran ? Retrouve-le dans Apparence > Démarrer.
  3. Les mises à jour apparaissent ensuite dans Tableau de bord > Mises à jour, comme pour n’importe quel thème.
Sans licence active, ton site continue de fonctionner normalement : seules les mises à jour ne sont pas proposées. Une licence 1 site s’active sur un seul site ; les installations en local (localhost) ne sont pas comptées.

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émoPour quiStyle
FieldUne école d’éducation canine avec des cours collectifs et une équipeVert sapin, jaune laisse, police sans empattement large
CalmUn ou une comportementaliste qui travaille seul, à domicile et en ligneBleu nuit et sauge, titres à empattements, en-tête centré
PuppyUne école du chiot avec un planning chargéBleu roi, jaune et rose, titres arrondis
Les démos sont en français. La langue est choisie automatiquement d’après la langue du site, réglée dans Réglages > Général > Langue du site. Règle-la sur « Français » avant d’importer : pages, articles, programmes, équipe, témoignages, FAQ, widgets et options arrivent alors en français, avec des prix en euros.
  1. Vérifie que Recall Toolkit, Elementor et One Click Demo Import sont activés.
  2. Va dans Apparence > Importer une démo Recall.
  3. Clique sur Importer sous la démo de ton choix et confirme. L’import prend une à trois minutes.
Importe sur un site WordPress neuf. L’import ajoute du contenu ; il ne supprime pas le tien, mais il remplace la page d’accueil, les menus et les options du thème. Importer deux démos sur le même site mélange leurs contenus.

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.

SectionOptions
Couleurs et policesStyle 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 boutonsLargeur du contenu, forme des boutons (pilule, arrondi, carré), ligne « laisse » activée ou non, bouton de retour en haut.
Barre supérieureAfficher ou masquer, message, téléphone, e-mail.
En-têteClassique, 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’ArianeAfficher 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.
BlogGrille 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 pageNombre 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 sociauxFacebook, Instagram, YouTube, TikTok, LinkedIn, Pinterest.
Page 404Titre, texte et bouton.
BoutiqueProduits 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 :

ChampExempleOù il s’affiche
Prix, précision sur le prix390 €, les 6 séancesCartes, sélecteur, page du programme
Durée6 semainesCartes, sélecteur, page du programme
FormatIndividuel, collectif, à domicile, en ligne, pension éducativeCartes, page du programme
Pour les chiens âgés de8 à 20 semainesCartes, page du programme
IcôneLaisseCartes
Ce que le gardien saura faireUn résultat par ligneListe à cocher sur les cartes, le sélecteur et la page du programme
Lien de réservationN’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.

WidgetCe qu’il fait
Bannière principaleGrand 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 programmesLe 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 programmesCartes 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 coursPlanning hebdomadaire avec filtre par niveau et places restantes.
TémoignagesCarrousel ou grille, note, avant / aujourd’hui, photo.
Formules tarifairesFormules avec liste d’inclus et une formule mise en avant.
ÉducateursGrille de l’équipe avec rôle, spécialités et diplômes.
Chiffres clésDes chiffres qui défilent quand ils apparaissent à l’écran.
FAQAccordéon construit sur les éléments natifs details, données structurées FAQPage en option.
Derniers articlesCartes d’articles du blog, par catégorie.
Appel à l’actionBandeau foncé, doux ou couleur signal avec bouton, téléphone et photo facultative.
CoordonnéesAdresse, zone d’intervention à domicile, téléphone, e-mail et horaires d’ouverture.
Formulaire de bilanLe formulaire de demande décrit plus bas.
Atouts avec icônesÉléments icône, titre et texte, simples ou en cartes.
Séparateur laisseLa ligne laisse du thème, pour séparer deux sections.
Pour utiliser une couleur du thème dans n’importe quel champ de couleur d’Elementor, tape 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.

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.pot
  • recall-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’accrocheUsage
recall_presetsAjouter ou modifier des styles prédéfinis (couleurs et polices). Exemple dans le functions.php du thème enfant.
recall_fontsAjouter une pile de polices aux choix proposés.
recall_defaultsModifier la valeur par défaut de n’importe quelle option.
recall_dynamic_cssFiltrer les variables CSS imprimées dans l’en-tête de la page.
recall_sidebar_positionForcer la position de la barre latérale pour un affichage donné.
recall_show_title_barAfficher ou masquer le bandeau de titre par le code.
recall_content_widthLargeur de contenu utilisée pour les contenus embarqués.
rct_demo_languageForcer la langue du contenu des démos.

Actions

Point d’accrocheUsage
recall_header_actionsAjouter une icône ou un bouton dans l’en-tête (le panier WooCommerce l’utilise).
recall_toolkit_assessment_requestS’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.