{"id":26348,"date":"2021-06-21T13:18:00","date_gmt":"2021-06-21T10:18:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26348"},"modified":"2021-10-18T02:27:40","modified_gmt":"2021-10-17T23:27:40","slug":"so-fugen-sie-code-nach-dem-body-tag-in-wordpress-hinzu","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-fugen-sie-code-nach-dem-body-tag-in-wordpress-hinzu\/","title":{"rendered":"So f\u00fcgen Sie Code nach dem Body-Tag in WordPress hinzu"},"content":{"rendered":"<p>Auf der Website m\u00fcssen wir normalerweise Code nach dem body-Tag einf\u00fcgen. Normalerweise ist dies ein unsichtbarer JavaScript-Code innerhalb eines script-Tags. Externe Dienste wie Google Analytics, Google Tag Manager, Google Adsense, Facebook usw. geben Ihnen ein Skript, das vor dem Schlie\u00dfen des Head-Tags und nach dem sofortigen \u00d6ffnen des body-Elements hinzugef\u00fcgt werden muss.<\/p>\n<p>WordPress bietet eine <code>wp_head()<\/code>Funktion, mit der Code vor dem Schlie\u00dfen des Head-Tags eingef\u00fcgt wird. Eine weitere von WordPress bereitgestellte Funktion <code>wp_footer()<\/code>dient zum Hinzuf\u00fcgen von Code vor dem Schlie\u00dfen des Body-Elements (nicht nach dem \u00d6ffnen des Bodys). Bisher verwenden WordPress-Entwickler wp_footer(), um Code in das body-Tag einzuf\u00fcgen oder Code nach dem \u00d6ffnen des body-Elements statisch hinzuzuf\u00fcgen. Beide Optionen werden jedoch nicht empfohlen.<\/p>\n<p>Das statische Hinzuf\u00fcgen von Code ist gem\u00e4\u00df Empfehlungen von externen Diensten sinnvoll. Aber diese Technik w\u00fcrde uns dann davon abhalten, ein Theme zu aktualisieren.<\/p>\n<p>Gl\u00fccklicherweise f\u00fchrt WordPress 5.2 eine neue Funktion namens <code>wp_body_open()<\/code>. Diese Funktion l\u00f6st eine <code>wp_body_open<\/code>Aktion aus und ist n\u00fctzlich, um Code nach dem \u00d6ffnen des body-Elements zu platzieren. Sehen wir uns jedoch an, wie Sie Code unmittelbar nach dem \u00d6ffnen eines Body-Tags in WordPress einf\u00fcgen.<\/p>\n<h3>Code nach dem Body-Tag in WordPress hinzuf\u00fcgen<\/h3>\n<p>Wenn Sie die neueste Version von WordPress verwenden, sollten Sie die <code>wp_body_open()<\/code>Methode neben Ihrem Body-Tag hinzuf\u00fcgen, wie unten gezeigt.<\/p>\n<pre><code>&lt;body &lt;?php body_class(); ?&gt;&gt;\n&lt;?php wp_body_open(); ?&gt;<\/code><\/pre>\n<p>Danach k\u00f6nnen Sie die Aktion verwenden <code>wp_body_open<\/code>, um Ihren Code anstelle von hinzuzuf\u00fcgen <code>wp_body_open()<\/code>. Mit anderen Worten, Sie k\u00f6nnen Ihren Code sofort nach dem \u00d6ffnen des body-Tags einf\u00fcgen. Sie k\u00f6nnen diese Aktion wie folgt verwenden:<\/p>\n<pre><code>add_action('wp_body_open', 'add_code_on_body_open');\nfunction add_code_on_body_open() {\n\u00a0\u00a0\u00a0\u00a0echo '&lt;script&gt;Your code here&lt;\/script&gt;';\n}<\/code><\/pre>\n<p>Das ist es! So einfach ist das. Dieser Code funktioniert gut mit der WordPress-Version &gt;= 5.2. Wenn Sie eine \u00e4ltere Version von WordPress verwenden, k\u00f6nnen Sie die <code>wp_body_open<\/code>Methode wie folgt definieren.<\/p>\n<pre><code>if (! function_exists( 'wp_body_open')) {\n\u00a0\u00a0\u00a0\u00a0function wp_body_open() {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0do_action( 'wp_body_open' );\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n<p>F\u00fcgen Sie nun die Methode <code>wp_body_open()<\/code>nach dem body-Element hinzu und verwenden Sie die gleiche Aktion wie oben gezeigt.<\/p>\n<p>Dies ist eine saubere und effiziente M\u00f6glichkeit, Ihren Code nach dem \u00d6ffnen des body-Tags einzuf\u00fcgen. Ich ermutige WordPress-Entwickler, diese Technik auf ihren Websites zu verwenden. Lesen Sie mehr \u00fcber dieses Update in der <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_body_open\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Dokumentation<\/a>.<\/p>\n<h4>Zum Thema passende Artikel<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/mailchimp-integration-in-wordpress-ohne-verwendung-eines-plugins\/\" title=\"MailChimp-Integration in WordPress ohne Verwendung eines Plugins\">MailChimp-Integration in WordPress ohne Verwendung eines Plugins<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/hinzufugen-einer-benutzerdefinierten-bildschaltflache-mit-media-uploader-in-wordpress\/\" title=\"Hinzuf\u00fcgen einer benutzerdefinierten Bildschaltfl\u00e4che mit Media Uploader in WordPress\">Hinzuf\u00fcgen einer benutzerdefinierten Bildschaltfl\u00e4che mit Media Uploader in WordPress<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/laden-sie-dynamische-inhalte-auf-bootstrap-modal-in-wordpress\/\" title=\"Laden Sie dynamische Inhalte auf Bootstrap Modal in WordPress\">Laden Sie dynamische Inhalte auf Bootstrap Modal in WordPress<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Artikel zeige ich Ihnen eine saubere und effiziente M\u00f6glichkeit, Code nach dem Body-Tag in WordPress hinzuzuf\u00fcgen. Wir m\u00fcssen Code nach dem Body-Tag einf\u00fcgen, wenn<\/p>\n","protected":false},"author":1,"featured_media":21610,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[607],"tags":[845],"class_list":["post-26348","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-3","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/26348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=26348"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/26348\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/21610"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=26348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=26348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=26348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}