Les Views : mettre en place les partials

Les partials sont l'aspect qui va vous permettre de réduire votre charge de travail en réutilisant des blocs de code HTML / CSS. Il permet aussi de mieux organiser le travail de groupe en permettant à différentes personnes de travailler sur des fichiers séparés.

Par norme de code et habitude, le nom d'un fichier de partial commence par un _: _header.phtml, _footer.phtml, ...

Un exemple basique d'utilisation des partials

L'exemple de partials le plus classique est d'en utiliser pour votre <header> et votre <footer>:

_header.phtml

<header>
    <nav>
        <!-- votre navigation -->
    </nav>
</header>

_footer.phtml

<footer>
    <!-- copyright, mentions légales etc etc-->
</footer>

layout.phtml

<!DOCTYPE html>
<html lang="">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="" />
    </head>
    <body>
        <?php require "templates/partials/_header.phtml"; ?>
        <?php require "templates/$template.phtml"; ?>
        <?php require "templates/partials/_footer.phtml"; ?>
    </body>
</html>

avec cette structure, les templates spécifiques de vos pages contiendront tout le contenu du <main>.

Pousser le découpage un peu plus loin

Il arrive souvent dans un site, particulièrement les sites d'information ou les sites e-commerce, que certains éléments d'interface aient besoin d'être utilisés sur plusieurs pages différentes.

Sur la page d'accueil du site de Coda par exemple, vous avez ce bloc qui présente les différents campus et les dates de portes ouvertes :

Vous retrouvez ce même bloc en bas de la page "École" :

Si vous avez créé un partial disons _campus.phtml, vous pouvez le réutiliser à l'envie sur n'importe quelle page, plutôt que de devoir copier le code.

L'idée va donc être pour vous lorsque vous vous retrouvez face à une maquette de déterminer ce qui est utilisé plusieurs fois ou pas et ce qui peut vous être utile à réutiliser dans un futur projet.

Réutiliser son travail dans plusieurs projets

Certains composants sont des "classiques" dont vous aurez régulièrement besoin dans vos projets :

une navigation responsive qui passe en menu burger
une table de présentation de contenu avec les boutons voir / modifier / supprimer
un formulaire de contact
...

Penser directement ces blocs de code comme des partials peut potentiellement vous faire gagner un temps considérable sur vos projets futurs :)

03 December 2025