Créer un template pour la page virtuelle

Pourquoi créer un template pour la page virtuelle ?

Créer un template spécifique pour une page virtuelle permet d’harmoniser son affichage avec le reste du site.
En utilisant un fichier dédié, vous pouvez appliquer la même mise en page et les mêmes éléments de design que vos autres pages créées avec votre thème

Cela garantit une expérience utilisateur cohérente et permet d’intégrer la page virtuelle de manière fluide dans le design global du site.

Comment créer un template pour la page virtuelle

Thème classique

1 – Ouvrir votre projet dans un éditeur de code

2 – Ajouter un fichier template

Naviguez vers le dossier de votre thème actif (exemple: wp-content/themes/astra)
À la racine de ce dossier, créez un nouveau fichier nommé page-comarquagevp.php.

3 – Ajouter le code du template

Coller le code suivant dans le ficher :

page-comarquagevp.php
<!-- HEADER -->
<?php get_header(); ?>

<main>
    <!-- TITRE -->
    <h1> <?= get_the_title() ?></h1>

    <!-- CONTENU -->
    <?php while (have_posts()): ?>
        <?php the_post(); ?>
        <?php the_content(); ?>
    <?php endwhile; ?>

</main>

<!-- FOOTER -->
<?php get_footer(); ?>

4 – Adapter selon vos besoins
Cet exemple constitue une base simple pour afficher le contenu de votre page virtuelle.
Vous pouvez le personnaliser en ajoutant des styles, des blocs spécifiques ou des fonctionnalités supplémentaires en fonction de votre projet.

Thème FSE (Full Site Editing)

1 – Ouvrir votre projet dans un éditeur de code

2 – Ajouter un fichier template

Naviguez vers le dossier templates de votre thème actif (exemple: wp-content/themes/twentytwentyfive/templates)
Dans ce dossier, créez un nouveau fichier nommé page-comarquagevp.html.

3 – Ajouter le code du template

Coller le code suivant dans le ficher :

page-comarquagevp.html
<?php
/**
 * Title: Private Comarquage VP Template
 * Slug: comarquage/private-comarquage-vp
 * Categories: hidden
 * Inserter: false
 */
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
  <head>
    <?php
    $block_content = do_blocks('
    <!-- wp:template-part {"slug":"header"} /-->
    <!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
    <main class="wp-block-group" style="margin-top: var(--wp--preset--spacing--60)">
      <!-- wp:group {"layout":{"type":"constrained"}} -->
      <div class="wp-block-group">
        <!-- wp:post-title {"level":1} /-->
        <!-- wp:post-content /-->
      </div>
      <!-- /wp:group -->
    </main>
    <!-- /wp:group -->
    <!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
    '); ?>
    <?php wp_head(); ?>
  </head>

  <body <?php body_class(); ?>
    >
    <?php wp_body_open(); ?>
    <div class="wp-site-blocks">
      <?php echo $block_content; ?>
    </div>
    <?php wp_footer(); ?>
  </body>
</html>