Aide - Devis facile

Cette page sera alimentée en ajoutant de nouvelles astuces de façon très régulière.

Gérer les accès au plugin Devis Facile

Vous pouvez donner accès au plugin Devis Facile à un utilisateur spécifique de votre site WordPress, sans lui attribuer un rôle administrateur complet. Il suffit de lui assigner le rôle manage_devis_facile_plugin.

Étape 1 — Installer un plugin de gestion des rôles

WordPress ne permet pas nativement de créer des rôles personnalisés. Utilisez un plugin dédié, par exemple :

Members (gratuit) — simple et efficace
User Role Editor (gratuit) — très complet
MemberPress — si vous gérez déjà des abonnements avec ce plugin

Étape 2 — Créer le rôle

Nom du rôle à créer : manage_devis_facile_plugin
Ce nom doit être saisi exactement tel quel, en respectant les underscores et les minuscules.

Avec User Role Editor par exemple :

Allez dans Utilisateurs → User Role Editor
Cliquez sur Ajouter un rôle
Saisissez manage_devis_facile_plugin comme identifiant du rôle
Donnez-lui un nom d’affichage, par exemple « Gestionnaire Devis Facile »
Validez

Étape 3 — Attribuer le rôle à un utilisateur

Allez dans Utilisateurs → Tous les utilisateurs
Cliquez sur l’utilisateur concerné pour modifier son profil
Dans le champ Rôle, sélectionnez Gestionnaire Devis Facile
Enregistrez les modifications

💡 Bon à savoir : Un utilisateur peut avoir plusieurs rôles simultanément selon le plugin utilisé. Si votre utilisateur doit aussi accéder à d’autres fonctionnalités WordPress, conservez son rôle existant et ajoutez manage_devis_facile_plugin en complément.

Personnaliser l’apparence du tableau des produits

Le tableau des produits est entièrement personnalisable via CSS. Vous pouvez modifier les couleurs, polices, bordures et espacements en ciblant les classes CSS listées ci-dessous.

⚠️ Important : Le rendu PDF utilise le moteur mPDF, qui ne supporte pas tous les styles CSS modernes. Certaines propriétés comme flexbox, grid, ou les animations ne seront pas interprétées. Consulter la liste complète des CSS supportés par mPDF →

Classes CSS disponibles

Classe CSS	Élément ciblé	Exemple
`.df-products-table`	Le tableau entier	`.df-products-table { border: 1px solid #ccc; }`
`.category-header`	Ligne de titre de section / page	`.category-header td { background-color: #333; color: white; }`
`.product-line`	Toutes les lignes produit	`.product-line td { font-size: 12px; }`
`.odd-row`	Lignes produit impaires	`.odd-row td { background-color: #FFFBF0; }`
`.even-row`	Lignes produit paires	`.even-row td { background-color: #FFFFFF; }`
`.total-row`	Ligne du total général	`.total-row td { font-weight: bold; }`
`.grand-total-label`	Cellule libellé du total	`.grand-total-label { text-align: right; }`
`.grand-total-amount`	Cellules montants du total	`.grand-total-amount { color: #D2A000; }`

Exemple de personnalisation complète

Copiez-collez ce bloc CSS dans le champ de personnalisation et adaptez les valeurs à votre charte graphique :

/* Tableau général */
.df-products-table {
    width: 100%;
    border-collapse: collapse;
}

/* En-têtes de colonnes */
.df-products-table th {
    background-color: #2d3748;
    color: white;
    padding: 8px 10px;
    text-align: left;
}

/* Titre de section */
.category-header td {
    background-color: #4a5568;
    color: white;
    font-weight: bold;
    padding: 6px 10px;
}

/* Lignes produit impaires */
.odd-row td {
    background-color: #FFFBF0;
    padding: 5px 10px;
}

/* Lignes produit paires */
.even-row td {
    background-color: #FFFFFF;
    padding: 5px 10px;
}

/* Ligne total */
.total-row td {
    border-top: 2px solid #2d3748;
    font-weight: bold;
}

/* Libellé total */
.grand-total-label {
    background-color: #333;
    color: white;
    text-align: right;
    padding: 8px 10px;
}

/* Montants total */
.grand-total-amount {
    background-color: #333;
    color: white;
    padding: 8px 10px;
}

💡 Rappel : appliquez toujours vos styles sur les td plutôt que sur les tr pour un rendu optimal dans le PDF (limitation du moteur mPDF). En savoir plus sur les CSS supportés par mPDF .