Insérez du HTML juste après la balise <body>

Question

Insérez du HTML juste après la balise <body>

- 9
- 52047 2016-03-07
J'utilise lethème Wordpress Twenty Twelve (unenfant de celui-cipour êtreprécis).

Je veux savoir commentinsérer du HTMLjuste après l'ouverture du corps,dansjustefunctions.phpet sans utiliser header.php.

Est-cepossible?

I am using the Wordpress theme Twenty Twelve (a child of it to be precise).

I want to know how to insert some HTML just after body opening, in just functions.php and not using header.php.

Is that possible?

filters theme-twenty-twelve

3 réponses

votes

4

2017-07-21

Une solutiontrès,très,très sale serait:

 /* Insert tracking code or other stuff directly after BODY opens */
add_filter('body_class', 'wps_add_tracking_body', PHP_INT_MAX); // make sure, that's the last filter in the queue
function wps_add_tracking_body($classes) {

  // close <body> tag, insert stuff, open some other tag with senseless variable      
  $classes[] = '"><script> /* do whatever */ </script><noscript></noscript novar="';

  return $classes;
}

A very, very, very dirty solution would be:

/* Insert tracking code or other stuff directly after BODY opens */
add_filter('body_class', 'wps_add_tracking_body', PHP_INT_MAX); // make sure, that's the last filter in the queue
function wps_add_tracking_body($classes) {

  // close <body> tag, insert stuff, open some other tag with senseless variable      
  $classes[] = '"><script> /* do whatever */ </script><noscript></noscript novar="';

  return $classes;
}

+1mercipour l'astuce

+1 thanks for trick
- 0
- 2019-10-02
- Vaibhav Gupta

- 1
- 2016-07-11
Ajoutez ce code dansfunctions.php

function my_function() { echo'<div id="from_my_function"></div>'; } add_action('wp_head', 'my_function');
Add this code in functions.php

function my_function() { echo'<div id="from_my_function"></div>'; } add_action('wp_head', 'my_function');
- Cela affichera à l'intérieur du ``pas ``.
  
  This will output inside the `` not ``.
  - 13
  - 2016-07-11
  - cjbj
- Ehbien wp semble être assezintelligent,ilesten fait ajouté au corps!S'il s'agit d'uneméta,elle serainjectée à l'intérieur de l'en-tête,sinonelle sera affichée dans le corps.
  
  Well wp seems to be smart enough, it is actually added to the body! If it's a meta then it will be injected inside the header otherwise it will be displayed in the body.
  - 0
  - 2018-02-01
  - Mohamed Salem Lamiri
- Jepense que @cjbjest correct.On dirait que c'est lenavigateur qui le déplace vers le corps,pas WordPress.Affichez la source sur unepage où vous l'avezinsérée dans latêteet c'est là que vous latrouverez.
  
  I believe @cjbj is correct. It's looks like it's the browser that's moving it to the body, not WordPress. View source on a page where you've inserted in to the head and that's where you'll find it.
  - 1
  - 2018-03-29
  - Danger

Adam · Accepted Answer · 2016-03-07

21

2016-03-07

Twenty Twelven'a aucun hook qui se déclencheimmédiatement après labalise d'ouverture <body>.

Par conséquent,dans votrethèmeenfant qui étend lethème Twenty Twelveparent,copiez le header.php dans le répertoire de votrethèmeenfant.

Ouvrez lefichier header.php dans votrethèmeenfantet juste après labalisebody d'ouverture,ajoutez un crochet d'action que vouspouvezensuite accrocher via votrefichier functions.php .

Parexemple dans votrefichier twenty-twelve-child/header.php:

 <body <?php body_class(); ?>>

<?php do_action('after_body_open_tag'); ?>

Puis dans votrefichier twenty-twelve-child/functions.php:

 function custom_content_after_body_open_tag() {

    ?>

    <div>My Custom Content</div>

    <?php

}

add_action('after_body_open_tag', 'custom_content_after_body_open_tag');

Cela s'afficheraensuite dans votre HTML sous laforme:

 <body>
<div>My Custom Content</div>

Lecture recommandée:

https://developer.wordpress.org/reference/functions/do_action/

MISE À JOUR: JUILLET 2019

Tel que commentépar Junaid Bhura de WordPress 5.2 unenouvellefonction d'assistance dethème wp_body_open a étéintroduitet est destiné à être utilisé comme d'autresfonctions d'assistance wp_headet wp_footer.

Parexemple:

 <html>
  <head>

    <?php wp_head(); ?>
 
  </head>
  <body <?php body_class(); ?>>
 
    <?php wp_body_open(); ?>

     <!-- BODY CONTENT HERE -->
 
    <?php wp_footer(); ?>
 
  </body>
</html>

Dans votrefichier dethèmefunctions.php (ou convenablement ailleurs)

 function custom_content_after_body_open_tag() {

    ?>

    <div>My Custom Content</div>

    <?php

}

add_action('wp_body_open', 'custom_content_after_body_open_tag');

IMPORTANT

Vous devez vous assurer que le hookexiste dans lethème que vous souhaitezinjecter cariln'estpeut-êtrepasencore largement adoptépar la communauté.

Si NON ,vous devreztoujours suivre leprincipe de l'extension duthème avec unthèmeenfant ,à l'exception que VOUS utiliseriez :

<?php wp_body_open(); ?>

... au lieu de ORen plus de:

<?php do_action('after_body_open_tag'); ?>

Lecture recommandée:

https://developer.wordpress.org/reference/functions/wp_body_open/

Twenty Twelve does not have any hooks that fire immediately after the opening <body> tag.

Therefore you in your child theme which extends the parent Twenty Twelve theme, copy the header.php across to your child theme directory.

Open the header.php file in your child theme and just after the opening body tag add an action hook which you can then hook onto via your functions.php file.

For example in your twenty-twelve-child/header.php file:

<body <?php body_class(); ?>>

<?php do_action('after_body_open_tag'); ?>

Then in your twenty-twelve-child/functions.php file:

function custom_content_after_body_open_tag() {

    ?>

    <div>My Custom Content</div>

    <?php

}

add_action('after_body_open_tag', 'custom_content_after_body_open_tag');

This will then render in your HTML as:

<body>
<div>My Custom Content</div>

UPDATE: JULY, 2019

As commented by Junaid Bhura from WordPress 5.2 a new theme helper function wp_body_open has been introduced that is intended for use as per the likes of other helper functions wp_head and wp_footer.

For example:

<html>
  <head>

    <?php wp_head(); ?>
 
  </head>
  <body <?php body_class(); ?>>
 
    <?php wp_body_open(); ?>

     <!-- BODY CONTENT HERE -->
 
    <?php wp_footer(); ?>
 
  </body>
</html>

In your theme functions.php file (or suitably elsewhere)

function custom_content_after_body_open_tag() {

    ?>

    <div>My Custom Content</div>

    <?php

}

add_action('wp_body_open', 'custom_content_after_body_open_tag');

IMPORTANT

You should ensure that the hook exists within the theme that you are wanting to inject-into as this may not be widely adopted by the community, yet.

If NOT, you will still need to follow the principle of extending the theme with a child theme with the exception that YOU would use:

<?php wp_body_open(); ?>

...instead of OR in addition to:

<?php do_action('after_body_open_tag'); ?>