
Dans le cadre d’un projet sur WordPress, mon client avait l’idée de faire un site qui se compose en deux arborescences bien distinctes :
Quand nous sommes sur la partie professionnelle, la page d’accueil ainsi que le menu devait être câblée pour les professionnels.
Pour cela, j’ai dû trouver une petite fonction permettant de retourner l’ID de la page la plus haute dans l’arborescence pour savoir si l’on était sur particulier ou professionnel.
J’ai donc rajouté dans le fichier function.php du thème (/wp-content/themes/xxxx/function.php)
function isPro() {
global $post;
if ($post->post_parent) {
$ancestror = get_post_ancestors( $post->ID );
$root = count( $ancestror ) - 1;
$parent = $ancestror[ $root ];
} else {
$parent = $post->ID;
}
return $parent;
}
Une autre alternative est de vérifier le slug de la page au lieu de l’ID et d’ajouter la classe au <body> pour y appliquer un style particulier.
function isPro() {
global $post;
if ($post->post_parent) {
$ancestror = get_post_ancestors( $post->ID );
$root = count( $ancestror ) - 1;
$parent = $ancestror[ $root ];
$slug = get_post_field( 'post_name', $parent );
if($slug === "professionel") {
add_filter( 'body_class', function( $classes ) {
return array_merge( $classes, array( 'is-pro' ) );
} );
}
}
}
Retrouvez ci-dessous quelques articles qui pourraient vous intéresser.

