Fügen Sie HTML direkt nach dem <body> -Tag

Question

Fügen Sie HTML direkt nach dem <body> -Tag

- 9
- 52047 2016-03-07
ein
Ich verwende das Wordpress-Thema Twenty Twelve (genauergesagtein Kind davon).

Ichmöchte wissen,wieman HTML direktnach dem Öffnen des Körpersin nurfunctions.phpeinfügt undnicht header.php verwendet.

Ist dasmöglich?

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 Antworten

Stimmen

4

2017-07-21

Eine sehr,sehr,sehr schmutzige Lösung wäre:

 /* 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;
}

+1 dankefür den Trick

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

- 1
- 2016-07-11
Fügen Sie diesen Codein functions.php
hinzu
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');
- Dies wirdim ``not` `ausgegeben.
  
  This will output inside the `` not ``.
  - 13
  - 2016-07-11
  - cjbj
- Nun,wp scheint kluggenug zu sein,es wirdtatsächlich dem Körper hinzugefügt!Wennes sich umein Meta handelt,wirdesin den Headereingefügt,andernfalls wirdesim Body angezeigt.
  
  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
- Ichglaube,@cjbjist richtig.Es sieht so aus,als obes der Browserist,deres auf den Körper verschiebt,nicht WordPress.Zeigen Sie die Quelle aufeiner Seite an,auf der Sie siein den Kopfeingefügt haben,und dortfinden Sie sie.
  
  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 Twelve hat keine Haken,die unmittelbarnach dem Öffnen des <body> -Tags ausgelöst werden.

Kopieren Sie daherin Ihrem untergeordneten Thema,das das übergeordnete Twenty Twelve-Themaerweitert,die Datei header.phpin Ihr untergeordnetes Themenverzeichnis.

Öffnen Sie die Datei header.phpin Ihrem untergeordneten Thema undfügen Sie unmittelbarnach dem Öffnen des Body-Tagseinen Aktions-Hook hinzu,an den Sie sich dann über Ihre Datei functions.php anschließen können .

Zum Beispielin Ihrer twenty-twelve-child/header.php:

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

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

Dannin Ihrer 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');

Dies wird dannin Ihrem HTML wiefolgtgerendert:

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

Empfohlene Lektüre:

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

UPDATE: JULI 2019

Wie von Junaid Bhura aus WordPress 5.2eine neue Themenhilfefunktion wp_body_open wurdeeingeführt,diefür die Verwendungmit anderen Hilfsfunktionen wp_head und wp_footer vorgesehenist.

Zum Beispiel:

 <html>
  <head>

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

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

In Ihrer Themefunctions.php-Datei (oderentsprechend anderswo)

 function custom_content_after_body_open_tag() {

    ?>

    <div>My Custom Content</div>

    <?php

}

add_action('wp_body_open', 'custom_content_after_body_open_tag');

WICHTIG

Sie sollten sicherstellen,dass der Hookinnerhalb des Themas vorhandenist,in das Sieeinfügenmöchten,da dies von der Communitymöglicherweisenochnicht weit verbreitetist.

Wenn NICHT ,müssen Sie immernoch dem Prinzipfolgen,das Thema umein untergeordnetes Thema zuerweitern,mit der Ausnahme,dass SIE verwenden würden :

<?php wp_body_open(); ?>

... anstelle von ODER zusätzlich zu:

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

Empfohlene Lektüre:

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'); ?>