Hooks : wp_head, wp_footer

Les Hooks wp_head et wp_footer associés à leur fonction permettent d'ajouter le contenu d’entête et de pied prévu par WP et éventuellement les contenus que vous auriez ajoutés.

Méthodewp_head

Placez la fonction wp_head() dans votre fichier header.php avant </head> :

1
<!DOCTYPE html>
2
<html lang="fr-FR">
3
4
<head>
5
    <meta charset="UTF-8" />
6
    <meta name="viewport" content="width=device-width,initial-scale=1" />
7
    <?php wp_head(); ?>
8
</head>
9
...

Vérifiez en affichant le code source de votre page.

Ajoutez un contenu dans votre fichier functions.php :

1
<?php
2
...
3
function head_css_montheme()
4
{
5
?>
6
    <style>
7
        html {
8
            background-color: gray;
9
        }
10
    </style>
11
<?php
12
}
13
add_action('wp_head', 'head_css_montheme');

Votre site devrait avoir un fond gris.

lien WordPress -> https://developer.wordpress.org/reference/hooks/wp_head/

Méthodewp_footer

Placez la fonction wp_footer() dans votre fichier footer.php avant </body> :

1
<footer>
2
    <nav>
3
        <ul>
4
            <li>Lien1</li>
5
            <li>Lien2</li>
6
        </ul>
7
    </nav>
8
</footer>
9
<?php wp_footer(); ?>
10
</body>
11
12
</html>

Vérifiez en affichant le code source de votre page.

Ajoutez un contenu dans votre fichier functions.php :

1
<?php
2
...
3
function footer_montheme()
4
{
5
?>
6
    <p>je suis avant la fin du body</p>
7
<?php
8
}
9
add_action('wp_footer', 'footer_montheme');

Votre site devrait affichez je suis avant la fin du body en bas de votre site.

lien WordPress -> https://developer.wordpress.org/reference/hooks/wp_footer/