| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
| projet_onepagebasket:creer_un_theme [2024/05/15 19:35] – supadmin | projet_onepagebasket:creer_un_theme [2025/01/07 09:08] (Version actuelle) – [page principale : app.blade.php] supadmin |
|---|
| Le moteur permettant de créer facilement des thème est le très classique "blade" que vous trouvez par exemple en standard dans Laravel. | Le moteur permettant de créer facilement des thème est le très classique "blade" que vous trouvez par exemple en standard dans Laravel. |
| |
| <note tip>Nous utilisons aussi l'excellent TailwindCSS ce qui peut vous donner l'impression d'avoir du code HTML très "verbeux" dans les exemples ci-dessous mais vous n'êtes pas du tout obligés de l'utiliser pour faire vos thèmes.</note> | <note tip>Nous utilisons aussi l'excellent [[https://tailwindcss.com/|TailwindCSS]] ce qui peut vous donner l'impression d'avoir du code HTML très "verbeux" dans les exemples ci-dessous mais vous n'êtes pas du tout obligés de l'utiliser pour faire vos thèmes. En complément nous utilisons de plus en plus [[https://daisyui.com/|DaisyUI]] qui permet d'avoir un code html plus concis. DaisyUI étant un plugin de TailwindCSS nous vous invitons très franchement à vous attarder sur ces deux éléments si vous ne les connaissez pas.</note> |
| | |
| | Vous trouverez de la documentation sur internet mais nous avons identifié ces deux ressources qui donnent les éléments essentiels pour vous lancer dans ce domaine |
| | |
| | * https://walkerspider.com/cours/laravel/blade/ |
| | * https://grafikart.fr/tutoriels/blade-template-laravel-2117 |
| |
| ## Généralités : les moustaches {{ }} et @instructions | ## Généralités : les moustaches {{ }} et @instructions |
| |
| [{{:projet_onepagebasket:pasted:20240515-183558.png?direct=200|Contenu d'un thème}}] | [{{:projet_onepagebasket:pasted:20240515-183558.png?direct=200|Contenu d'un thème}}] |
| |
| ## page principale : app.blade.php | ## page principale : app.blade.php |
| |
| * `$csstime` : la date de dernière modification du css (astuce pour gérer les serveurs proxy, cdn, cache etc.) | * `$csstime` : la date de dernière modification du css (astuce pour gérer les serveurs proxy, cdn, cache etc.) |
| * `$socname` : le nom de votre société configuré dans dolibarr | * `$socname` : le nom de votre société configuré dans dolibarr |
| * `$link_company` : l'adresse (URL) renseignée dans la configuration du module sous la clé "Adresse de votre site web principal" | * `$link_company` : l'adresse du site web principal de votre société (URL) renseignée dans la configuration du module sous la clé "Adresse de votre site web principal" |
| * `$link_contact` : l'adresse (URL) renseignée dans la configuration du module sous la clé "Adresse de votre formulaire de contact" | * `$link_contact` : l'adresse du formulaire de contact (URL) renseignée dans la configuration du module sous la clé "Adresse de votre formulaire de contact" |
| * `$link_legal`: l'adresse (URL) renseignée dans la configuration du module sous la clé "Adresse des mentions légales obligatoires" | * `$link_legal`: l'adresse des mentions légales (URL) renseignée dans la configuration du module sous la clé "Adresse des mentions légales obligatoires" |
| * `$link_help_center` : l'adresse (URL) renseignée dans la configuration du module sous la clé "Lien vers une page d'aide" | * `$link_help_center` : l'adresse de votre page d'aide (URL) renseignée dans la configuration du module sous la clé "Lien vers une page d'aide" |
| |
| ## page d'entête : header.blade.php | ## page d'entête : header.blade.php |