{"id":29804,"date":"2021-06-21T12:57:00","date_gmt":"2021-06-21T09:57:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29804"},"modified":"2021-10-17T04:13:01","modified_gmt":"2021-10-17T01:13:01","slug":"sa-har-lagger-du-till-kod-efter-body-tag-i-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/sa-har-lagger-du-till-kod-efter-body-tag-i-wordpress\/","title":{"rendered":"S\u00e5 h\u00e4r l\u00e4gger du till kod efter Body Tag i WordPress"},"content":{"rendered":"<p>P\u00e5 webbplatsen beh\u00f6ver vi vanligtvis infoga kod efter body-taggen. Normalt \u00e4r detta en osedd JavaScript-kod i en skripttagg. Externa tj\u00e4nster som Google Analytics, Google Tag Manager, Google Adsense, Facebook, etc. ger dig ett skript som m\u00e5ste l\u00e4ggas till innan huvudtaggen st\u00e4ngs och efter att kroppselementet omedelbart har \u00f6ppnats.<\/p>\n<p>WordPress tillhandah\u00e5ller en <code>wp_head()<\/code>funktion som anv\u00e4nds f\u00f6r att injicera kod innan du st\u00e4nger huvudtaggen. En annan funktion som tillhandah\u00e5lls av WordPress \u00e4r <code>wp_footer()<\/code>vilken anv\u00e4nds f\u00f6r att l\u00e4gga till kod innan kroppselementet st\u00e4ngs (inte efter att kroppen har \u00f6ppnats). Hittills anv\u00e4nder WordPress-utvecklare wp_footer() f\u00f6r att injicera kod i body-taggen eller l\u00e4gga till kod statiskt efter att body-elementet har \u00f6ppnats. Men b\u00e5da dessa alternativ rekommenderas inte.<\/p>\n<p>Att l\u00e4gga till kod statiskt \u00e4r vettigt enligt rekommendationer fr\u00e5n externa tj\u00e4nster. Men den h\u00e4r tekniken skulle d\u00e5 hindra oss fr\u00e5n att uppdatera ett tema.<\/p>\n<p>Lyckligtvis introducerar WordPress 5.2 en ny funktion som heter <code>wp_body_open()<\/code>. Denna funktion utl\u00f6ser <code>wp_body_open<\/code>handling och \u00e4r anv\u00e4ndbar f\u00f6r att placera kod efter att kroppselementet har \u00f6ppnats. Med det sagt, l\u00e5t oss se hur man injicerar kod direkt efter att ha \u00f6ppnat en body-tagg i WordPress.<\/p>\n<h3>L\u00e4gg till kod efter Body Tag i WordPress<\/h3>\n<p>Om du anv\u00e4nder den senaste versionen av WordPress b\u00f6r du l\u00e4gga till <code>wp_body_open()<\/code>metoden bredvid din body-tagg som visas nedan.<\/p>\n<pre><code>&lt;body &lt;?php body_class(); ?&gt;&gt;\n&lt;?php wp_body_open(); ?&gt;<\/code><\/pre>\n<p>Efter detta kan du anv\u00e4nda \u00e5tg\u00e4rden f\u00f6r <code>wp_body_open<\/code>att l\u00e4gga till din kod i st\u00e4llet f\u00f6r <code>wp_body_open()<\/code>. Med andra ord kan du injicera din kod omedelbart efter att du har \u00f6ppnat body-taggen. Du kan anv\u00e4nda den h\u00e4r \u00e5tg\u00e4rden enligt f\u00f6ljande:<\/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>Det \u00e4r allt! Det \u00e4r s\u00e5 enkelt. Den h\u00e4r koden fungerar bra med WordPress-versionen&gt; = 5.2. Om du anv\u00e4nder en \u00e4ldre version av WordPress kan du definiera <code>wp_body_open<\/code>metoden enligt f\u00f6ljande.<\/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>L\u00e4gg nu till metoden <code>wp_body_open()<\/code>efter kroppselementet och anv\u00e4nd \u00e5tg\u00e4rden som visas ovan.<\/p>\n<p>Detta \u00e4r ett rent och effektivt s\u00e4tt att injicera din kod efter att body taggen har \u00f6ppnats. Jag uppmuntrar WordPress-utvecklare att anv\u00e4nda denna teknik p\u00e5 sina webbplatser. L\u00e4s mer om den h\u00e4r uppdateringen i <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_body_open\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">dokumentationen<\/a>.<\/p>\n<h4>relaterade artiklar<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/mailchimp-integration-i-wordpress-utan-att-anvanda-ett-plugin\/\" title=\"MailChimp-integration i WordPress utan att anv\u00e4nda ett plugin\">MailChimp-integration i WordPress utan att anv\u00e4nda ett plugin<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/lagga-till-anpassad-bildknapp-med-media-uploader-i-wordpress\/\" title=\"L\u00e4gga till anpassad bildknapp med Media Uploader i WordPress\">L\u00e4gga till anpassad bildknapp med Media Uploader i WordPress<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/ladda-dynamiskt-innehall-pa-bootstrap-modal-i-wordpress\/\" title=\"Ladda dynamiskt inneh\u00e5ll p\u00e5 Bootstrap Modal i WordPress\">Ladda dynamiskt inneh\u00e5ll p\u00e5 Bootstrap Modal i WordPress<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I den h\u00e4r artikeln visar jag dig ett rent och effektivt s\u00e4tt att l\u00e4gga till kod efter body-taggen i WordPress. Vi m\u00e5ste injicera kod efter body tag om<\/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":[614],"tags":[850],"class_list":["post-29804","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-10","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/29804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=29804"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/29804\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/21610"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=29804"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=29804"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=29804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}