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> :

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
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
...
<!DOCTYPE html>
<html lang="fr-FR">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <?php wp_head(); ?>
</head>
...
Vérifiez en affichant le code source de votre page.
Ajoutez un contenu dans votre fichier functions.php :
num. | Ligne | texte | copie | 
CTRL+C pour copier, CTRL+V pour coller
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');
<?php
...
function head_css_montheme()
{
?>
    <style>
        html {
            background-color: gray;
        }
    </style>
<?php
}
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> :
num. | Ligne | texte | copie | 
CTRL+C pour copier, CTRL+V pour coller
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>
<footer>
    <nav>
        <ul>
            <li>Lien1</li>
            <li>Lien2</li>
        </ul>
    </nav>
</footer>
<?php wp_footer(); ?>
</body>

</html>
Vérifiez en affichant le code source de votre page.
Ajoutez un contenu dans votre fichier functions.php :
num. | Ligne | texte | copie | 
CTRL+C pour copier, CTRL+V pour coller
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');
<?php
...
function footer_montheme()
{
?>
    <p>je suis avant la fin du body</p>
<?php
}
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/