inforaz logo

Documentation

Documentation complète du plugin Windows Taskbar

Windows Taskbar est un plugin WordPress pensé pour centraliser plusieurs fonctions utiles dans une interface cohérente : barre des tâches, panneaux dynamiques pour les services, panneaux projets et extensions, moteur de recherche personnalisable, impression des tarifs, réservation, intégration Divi et outils d’administration. Le plugin peut être utilisé aussi bien sur le front-end que dans le back-office, selon la configuration choisie.

1. Présentation générale

Le plugin a été conçu pour répondre à une logique simple : offrir une interface plus lisible, plus modulable et plus fonctionnelle qu’un affichage WordPress standard. Il permet notamment :

  • d’afficher une barre des tâches sur le front-end, le back-office ou les deux ;
  • de créer des panneaux de services dynamiques alimentés par un CPT ;
  • de créer des panneaux de projets et d’extensions alimentés par un CPT dédié ;
  • d’intégrer ces panneaux dans Divi sans recréer de modules spécifiques ;
  • de personnaliser le moteur de recherche, les espacements, les couleurs et certains comportements d’interface ;
  • d’imprimer une fiche tarifaire active ou l’ensemble des tarifs d’une page ;
  • de gérer un système de réservation, de calendrier et d’export.

2. Installation

  1. Téléverser le dossier du plugin dans /wp-content/plugins/.
  2. Activer le plugin depuis l’administration WordPress.
  3. Configurer les réglages dans le personnalisateur et dans les menus d’administration du plugin.

Une fois activé, le plugin ajoute ses menus d’administration, ses CPT, ses shortcodes et ses scripts d’interface.

3. Où afficher la barre des tâches

Le plugin permet de choisir où la barre des tâches doit être affichée automatiquement :

  • Front-end uniquement
  • Back-office uniquement
  • Front-end + back-office

Ce réglage est utile lorsque le plugin doit être utilisé sur plusieurs sites avec des thèmes différents.

Le shortcode manuel reste également disponible :

taskbar (entre crochets [])

4. Menus d’administration

Le plugin ajoute plusieurs zones d’administration. Selon la configuration retenue, on retrouve notamment :

  • IT
    • Tableau de bord
    • Fiches d’intervention
    • Panneaux services
    • Projets
  • Réservation
    • Calendrier
    • Export
    • Réglages
  • Documentation

Le menu Tableau de bord est placé en premier dans la section IT.

5. CPT Panneaux services

Le CPT Panneaux services permet d’alimenter les panneaux dynamiques affichés dans les pages de services, de tarifs ou dans toute autre page conçue avec Divi.

Champs principaux

  • Page associée ou affichage global
  • Clé technique
  • Titre
  • Sous-titre
  • Icône
  • Description courte
  • Description longue
  • Caractéristiques répétables
  • Prix
  • Afficher ou non le prix
  • CTA
  • CSS personnalisé du panneau
  • Ordre d’affichage

Fonctionnement

Le principe est le suivant : un module placé à gauche agit comme déclencheur. Lorsqu’on clique dessus, le panneau de droite se met à jour automatiquement avec les informations du service concerné.

La logique est volontairement séparée :

  • les classes CSS servent à l’habillage ;
  • les IDs ou clés techniques servent à la logique de correspondance.

Intégration Divi

Pour un module cliquable à gauche :

  • Classe CSS : wtb-panel-trigger
  • ID CSS : wtb-trigger-ma-cle

Exemple :

Classe CSS : wtb-panel-trigger
ID CSS : wtb-trigger-depannage

Dans le CPT, la clé technique correspondante doit être :

depannage

Panneau droit dynamique

Dans un module Code ou Texte Divi, placer :

wtb_service_panel_target id="wtb-dynamic-panel (entre crochets [])

Version avec impression :

wtb_service_panel_target id="wtb-dynamic-panel" print="yes" print_label="Imprimer cette fiche" print_all="yes" print_all_label="Imprimer tous les tarifs" entre crochets []

Scopes multiples

Si une même page contient plusieurs groupes indépendants, utiliser un scope :

  • Classe : wtb-panel-scope
  • ID : wtb-scope-services

Et pour le panneau droit correspondant :

wtb_service_panel_target id="wtb-dynamic-panel-services" (entre crochets [])

CTA Divi

Pour habiller un module CTA Divi avec le style du plugin :

  • Classe du module : wtb-divi-cta
  • Classe du bouton : wtb-divi-cta-button

6. CPT Projets

Le CPT Projets permet de gérer à la fois :

  • des extensions / logiciels ;
  • des projets.

Le champ Description est commun aux deux types.

Section Software

Cette section est pensée pour les extensions, applications et outils logiciels.

  • Titre
  • Description
  • Éditeur
  • Développeur
  • Auteur
  • Author URI
  • Plugin / Software URI
  • Version
  • Requires at least
  • Requires PHP
  • License
  • License URI

Section Projet

Cette section est pensée pour les projets, applications internes ou fiches de présentation.

  • Titre
  • Description
  • Auteur
  • Auteur URI
  • CTA
  • Lien vidéo
  • Texte du lien vidéo
  • Apparaître dans le panneau
  • Image mise en avant

Affichages disponibles

Le CPT Projets peut être affiché de trois façons :

  • Grille d’images
  • Liste déroulante
  • Mode mixte

Shortcodes projets

wtb_project_selector mode="grid" (entre crochets [])
wtb_project_selector mode="dropdown" (entre crochets [])
wtb_project_selector mode="mixed" (entre crochets [])
wtb_project_panel_target id="wtb-project-panel" (entre crochets [])

Exemple recommandé :

wtb_project_selector mode="grid" title="Mes extensions" (entre crochets [])

Dans le mode grille, les images apparaissent à gauche en grille, et le clic sur une image met à jour le panneau droit.

Comportement visuel de la grille

  • grille sur 3 colonnes ;
  • clic sur l’image pour afficher les informations à droite ;
  • pas de description sous l’image ;
  • mise en avant de l’image, du type et du titre.

Si aucune image n’est définie, l’icône du projet est utilisée à la place.

7. Moteur de recherche

Le plugin intègre un moteur de recherche personnalisable avec ses propres réglages de style et d’espacement, y compris lorsque Divi ne permet pas de gérer ces points proprement.

Réglages disponibles

  • couleur de fond ;
  • couleur des blocs ;
  • couleur du texte ;
  • bordures ;
  • couleur d’accent ;
  • couleur au survol ;
  • couleurs du bouton ;
  • marges externes ;
  • marges internes ;
  • padding vertical et horizontal ;
  • espacement entre les résultats.

Shortcodes recherche

wtb_search_bar (entre crochets [])
wtb_search_results (entre crochets [])
wtb_search (entre crochets [])

Alias disponibles :

inforaz_search_bar (entre crochets [])
inforaz_search_results (entre crochets [])
inforaz_search (entre crochets [])

8. Impression des tarifs

Le plugin permet d’imprimer :

  • la fiche tarifaire active ;
  • tous les tarifs de la page.

Fonctions disponibles

  • mise en page propre pour impression client ;
  • logo du site repris automatiquement si défini dans l’identité WordPress ;
  • date d’édition ;
  • prix mis en valeur ;
  • caractéristiques imprimées ;
  • prix présents dans les caractéristiques mieux mis en évidence.

La version imprimée masque les CTA pour garder un document sobre et professionnel.

9. Réservation et calendrier

Le plugin comprend également un module de réservation avec calendrier, export et réglages dédiés. Il peut être utilisé pour mettre en place une logique de rendez-vous directement dans WordPress.

Shortcode disponible

wtb_reservation_widget (entre crochets [])

Le module de réservation peut être administré séparément depuis le menu Réservation.

10. Personnalisation visuelle

Le plugin expose plusieurs réglages dans le personnalisateur afin d’adapter l’interface à l’identité graphique du site.

Éléments personnalisables

  • barre des tâches ;
  • panneaux services ;
  • panneaux projets ;
  • moteur de recherche ;
  • espacements ;
  • couleurs ;
  • bordures ;
  • classes CSS génériques ;
  • CSS personnalisé par panneau ;
  • CTA internes.

Le plugin est conçu pour laisser Divi gérer la structure visuelle, tandis que le plugin gère les données, la correspondance et les comportements dynamiques.

11. Bonnes pratiques avec Divi

  • Utiliser des classes CSS génériques pour l’habillage.
  • Utiliser des IDs ou clés techniques pour la logique de correspondance.
  • Préférer des modules séparés si l’accordéon Divi ne permet pas d’assigner un ID distinct à chaque item.
  • Utiliser des images mises en avant pour les cartes projets et extensions.
  • Conserver des noms de clés techniques simples, sans espaces, comme depannage, assemblage, recyclage.

12. Compatibilité

Le plugin a été pensé pour fonctionner sur des sites qui n’utilisent pas tous le même thème. Pour cela :

  • la barre des tâches peut être affichée seulement en back-office, seulement en front-end ou sur les deux ;
  • les panneaux peuvent être injectés dans Divi via shortcodes et classes/IDs ;
  • le moteur de recherche dispose de réglages propres ;
  • les panneaux de projets peuvent être affichés sous forme de grille, de liste ou de mode mixte.

13. Désinstallation et conservation des données

Par défaut, le plugin préserve les données à la désinstallation.

Si un nettoyage complet est souhaité, deux méthodes sont disponibles :

Méthode 1 : constante dans wp-config.php

define('WTB_FORCE_CLEAN_UNINSTALL', true);

Méthode 2 : option dédiée

wtb_delete_all_data_on_uninstall = yes

Sans cela, les contenus restent conservés.

14. FAQ

La barre des tâches peut-elle être utilisée uniquement dans l’administration ?

Oui. Le plugin permet de choisir le périmètre d’affichage : front-end, back-office ou les deux.

Peut-on utiliser Divi sans recréer un module spécifique ?

Oui. Le plugin repose sur des classes CSS et des IDs génériques afin de s’intégrer aux modules Divi existants.

Peut-on afficher les projets en images ?

Oui. Le mode grille permet d’afficher les projets à gauche sous forme d’images cliquables, avec mise à jour du panneau droit.

Peut-on imprimer les tarifs pour un client ?

Oui. Le plugin peut imprimer la fiche active ou tous les tarifs de la page, avec logo du site et présentation professionnelle.

Les données sont-elles perdues si le plugin est supprimé ?

Non, pas par défaut. Le plugin conserve les données sauf si un nettoyage complet est explicitement demandé.

15. Recommandation d’usage

Pour un usage stable et propre, il est recommandé :

  • de séparer les services, les projets et les extensions en contenus distincts ;
  • de nommer clairement les clés techniques ;
  • de définir un logo dans l’identité du site ;
  • de prévoir une image mise en avant pour chaque projet important ;
  • de tester les affichages front-end et back-office après chaque évolution majeure.

16. Conclusion

Windows Taskbar n’est pas seulement une barre des tâches. C’est un socle d’interface et de contenu pour structurer l’information, améliorer l’expérience d’administration, valoriser les services, présenter des projets et renforcer la cohérence visuelle d’un site WordPress. Bien configuré, il devient un atelier complet, où chaque fonction trouve sa place et où chaque élément sert une logique claire.