{"id":26136,"date":"2021-06-21T12:37:00","date_gmt":"2021-06-21T09:37:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26136"},"modified":"2021-10-17T20:14:19","modified_gmt":"2021-10-17T17:14:19","slug":"kuinka-lisata-koodia-body-tagin-jalkeen-wordpressissa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-lisata-koodia-body-tagin-jalkeen-wordpressissa\/","title":{"rendered":"Kuinka lis\u00e4t\u00e4 koodia Body Tagin j\u00e4lkeen WordPressiss\u00e4"},"content":{"rendered":"

Verkkosivustolla meid\u00e4n on yleens\u00e4 lis\u00e4tt\u00e4v\u00e4 koodi body-tagin j\u00e4lkeen. Normaalisti t\u00e4m\u00e4 on n\u00e4kym\u00e4t\u00f6n JavaScript-koodi komentotunnisteessa. Ulkoiset palvelut, kuten Google Analytics, Google Tag Manager, Google Adsense, Facebook jne., Antavat sinulle komentosarjan, joka on lis\u00e4tt\u00e4v\u00e4 ennen p\u00e4\u00e4tunnisteen sulkemista ja sen j\u00e4lkeen, kun body-elementti on avattu v\u00e4litt\u00f6m\u00e4sti.<\/p>\n

WordPress tarjoaa wp_head()<\/code>toiminnon, jota k\u00e4ytet\u00e4\u00e4n koodin sy\u00f6tt\u00e4miseen ennen p\u00e4\u00e4tunnisteen sulkemista. Toinen WordPressin tarjoama toiminto on wp_footer()<\/code>koodin lis\u00e4\u00e4minen ennen runkoelementin sulkemista (ei sen j\u00e4lkeen, kun runko on auki). Toistaiseksi WordPress-kehitt\u00e4j\u00e4t k\u00e4ytt\u00e4v\u00e4t wp_footer() -toimintoa lis\u00e4\u00e4m\u00e4ll\u00e4 koodia body-tunnisteeseen tai lis\u00e4\u00e4m\u00e4ll\u00e4 koodia staattisesti body-elementin avaamisen j\u00e4lkeen. Molempia n\u00e4it\u00e4 vaihtoehtoja ei kuitenkaan suositella.<\/p>\n

Koodin lis\u00e4\u00e4minen on j\u00e4rkev\u00e4\u00e4 ulkoisten palvelujen suositusten mukaisesti. Mutta t\u00e4m\u00e4 tekniikka est\u00e4isi meit\u00e4 p\u00e4ivitt\u00e4m\u00e4st\u00e4 teemaa.<\/p>\n

Onneksi WordPress 5.2 esittelee uuden toiminnon nimelt\u00e4 wp_body_open()<\/code>. T\u00e4m\u00e4 toiminto laukaisee wp_body_open<\/code>toiminnan ja on hy\u00f6dyllist\u00e4 koodin sijoittamiseksi runkoelementin avaamisen j\u00e4lkeen. Sanotaan, katsotaanpa, kuinka koodi sy\u00f6tet\u00e4\u00e4n heti, kun kehotunniste on avattu WordPressiss\u00e4.<\/p>\n

Lis\u00e4\u00e4 koodi Body Tagin j\u00e4lkeen WordPressiss\u00e4<\/h3>\n

Jos k\u00e4yt\u00e4t uusinta WordPress-versiota, sinun on lis\u00e4tt\u00e4v\u00e4 wp_body_open()<\/code>menetelm\u00e4 vartalotunnisteen viereen alla olevan kuvan mukaisesti.<\/p>\n

<body <?php body_class(); ?>>\n<?php wp_body_open(); ?><\/code><\/pre>\n
T\u00e4m\u00e4n j\u00e4lkeen voit k\u00e4ytt\u00e4\u00e4 toimintoa wp_body_open<\/code>lis\u00e4t\u00e4ksesi koodisi paikalle wp_body_open()<\/code>. Toisin sanoen, voit pist\u00e4\u00e4 koodisi heti sen j\u00e4lkeen, kun olet avannut body-tagin. Voit k\u00e4ytt\u00e4\u00e4 t\u00e4t\u00e4 toimintoa seuraavasti:<\/p>\n
add_action('wp_body_open', 'add_code_on_body_open');\nfunction add_code_on_body_open() {\n\u00a0\u00a0\u00a0\u00a0echo '<script>Your code here<\/script>';\n}<\/code><\/pre>\n
Se siit\u00e4! Se on niin yksinkertaista. T\u00e4m\u00e4 koodi toimii hyvin WordPress-version> = 5.2 kanssa. Jos k\u00e4yt\u00e4t vanhempaa WordPress-versiota, voit m\u00e4\u00e4ritt\u00e4\u00e4 wp_body_open<\/code>menetelm\u00e4n seuraavasti.<\/p>\n
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
Lis\u00e4\u00e4 nyt menetelm\u00e4 wp_body_open()<\/code>body-elementin j\u00e4lkeen ja k\u00e4yt\u00e4 toimintoa samalla tavalla kuin yll\u00e4.<\/p>\n
T\u00e4m\u00e4 on puhdas ja tehokas tapa pist\u00e4\u00e4 koodisi vartalotunnisteen avaamisen j\u00e4lkeen. Kannustan WordPress-kehitt\u00e4ji\u00e4 k\u00e4ytt\u00e4m\u00e4\u00e4n t\u00e4t\u00e4 tekniikkaa verkkosivustoillaan. Lue lis\u00e4\u00e4 t\u00e4st\u00e4 p\u00e4ivityksest\u00e4 dokumentaatiosta<\/a>.<\/p>\n
Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n