Header home ou page ?
Publié le 16 décembre 2024
Pour afficher un en-tête (header) différent dans front-page.php et page.php dans un thème WordPress, vous pouvez utiliser la fonction get_header() avec un paramètre spécifique pour charger un en-tête différent selon le type de page. Voici comment vous pouvez procéder :
- Créer des fichiers d’en-tête personnalisés : Créez deux fichiers d’en-tête dans votre dossier de thème. Par exemple :
header-home.phppour la page d’accueil.header-page.phppour les autres pages.
- Modifier
front-page.php: Dans votre fichierfront-page.php, utilisezget_header()pour inclure l’en-tête spécifique à la page d’accueil.
<?php get_header('home'); ?>
<!-- Le reste de votre code pour la page d'accueil -->
- Modifier
page.php: Dans votre fichierpage.php, utilisezget_header()pour inclure l’en-tête spécifique aux pages.
<?php get_header('page'); ?>
<!-- Le reste de votre code pour les pages -->
- Créer le contenu des en-têtes : Dans
header-home.phpetheader-page.php, vous pouvez ajouter le code HTML et PHP que vous souhaitez pour chaque en-tête.
Voici un exemple simple de ce à quoi pourrait ressembler chaque fichier d’en-tête :
header-home.php :
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head(); ?>
</head>
<body <?php body_class('home'); ?>>
<header>
<h1>Bienvenue sur la page d'accueil</h1>
<!-- Autres éléments de l'en-tête -->
</header>
header-page.php :
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head(); ?>
</head>
<body <?php body_class('page'); ?>>
<header>
<h1>Page de contenu</h1>
<!-- Autres éléments de l'en-tête -->
</header>
Avec cette configuration, vous aurez un en-tête différent pour la page d’accueil et pour les autres pages de votre site WordPress.