{"id":136923,"date":"2025-08-20T16:05:19","date_gmt":"2025-08-20T13:05:19","guid":{"rendered":"https:\/\/www.zoner.fi\/tuki\/?page_id=136923"},"modified":"2025-08-21T13:38:55","modified_gmt":"2025-08-21T10:38:55","slug":"oma-koodi-wordpress","status":"publish","type":"page","link":"https:\/\/www.zoner.fi\/tuki\/webhotellit\/cpanel-wepardi\/oma-koodi-wordpress\/","title":{"rendered":"Miten lis\u00e4\u00e4n oman koodin WordPressiin"},"content":{"rendered":"\n<p>Jos haluat lis\u00e4t\u00e4 omaa koodiasi WordPress-sivustoon, on useita tapoja tehd\u00e4 se turvallisesti. Yksi suosittu ja helppok\u00e4ytt\u00f6inen ty\u00f6kalu t\u00e4h\u00e4n on nimelt\u00e4\u00e4n &#8221;Code Snippets&#8221;.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Code Snippets -laajennuksen k\u00e4ytt\u00f6<\/h3>\n\n\n\n<p>&#8221;Code Snippets&#8221; on WordPress-lis\u00e4osa, joka mahdollistaa PHP-koodip\u00e4tkien lis\u00e4\u00e4misen sivustollesi ilman, ett\u00e4 sinun tarvitsee muokata suoraan teeman tai WordPress-ytimen tiedostoja. T\u00e4m\u00e4 on turvallinen tapa lis\u00e4t\u00e4 toiminnallisuutta, sill\u00e4 se v\u00e4hent\u00e4\u00e4 riskej\u00e4, jotka liittyv\u00e4t turvallisuuden ja p\u00e4ivitysten kanssa. N\u00e4in p\u00e4\u00e4set alkuun:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Asennus:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Mene WordPressin hallintapaneeliin ja valitse &#8221;Lis\u00e4osat&#8221; > &#8221;Lis\u00e4\u00e4 uusi&#8221;.<\/li>\n\n\n\n<li>Etsi &#8221;Code Snippets&#8221; hakukent\u00e4n avulla ja asenna, sitten aktivoi lis\u00e4osa.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Koodip\u00e4tk\u00e4n luominen:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Laajennuksen aktivoimisen j\u00e4lkeen n\u00e4et &#8221;Snippets&#8221; -valikon hallintapaneelissasi.<\/li>\n\n\n\n<li>Valitse &#8221;Add New&#8221; luodaksesi uuden koodip\u00e4tk\u00e4n.<\/li>\n\n\n\n<li>Anna koodip\u00e4tk\u00e4lle nimi, joka kuvaa sen toiminnallisuutta, jotta l\u00f6yd\u00e4t ja muistat sen my\u00f6hemmin helposti.<\/li>\n\n\n\n<li>Kirjoita tai liit\u00e4 koodisi &#8221;Code&#8221;-osioon.<\/li>\n\n\n\n<li>Voit valita, suoritetaanko koodi kaikkialla sivustolla vai ainoastaan hallintapaneelissa, sek\u00e4 muita suoritusta koskevia asetuksia.<\/li>\n\n\n\n<li>Kun olet valmis, klikkaa &#8221;Save Changes&#8221; ja koodip\u00e4tk\u00e4si alkaa toimia sivustollasi.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">HTML, CSS ja JavaScript<\/h3>\n\n\n\n<p>Jos haluat lis\u00e4t\u00e4 HTML:\u00e4\u00e4, CSS:\u00e4\u00e4 tai JavaScripti\u00e4:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>HTML:<\/strong>\u00a0Voit lis\u00e4t\u00e4 HTML-koodia suoraan sivuihin, artikkeleihin tai widgetteihin WordPress-editorin kautta k\u00e4ytt\u00e4m\u00e4ll\u00e4 &#8221;Teksti&#8221;-n\u00e4kym\u00e4\u00e4.<\/li>\n\n\n\n<li><strong>CSS:<\/strong>\u00a0Custom CSS voidaan lis\u00e4t\u00e4 mukautetun CSS-muokkaimen kautta (Ulkon\u00e4k\u00f6 > Mukauta > Lis\u00e4tyylit). T\u00e4m\u00e4 s\u00e4ilytt\u00e4\u00e4 muutoksesi, vaikka vaihdat teemaa.<\/li>\n\n\n\n<li><strong>JavaScript:<\/strong>\u00a0JavaScripti\u00e4 voidaan lis\u00e4t\u00e4 suoraan teeman\u00a0<code>functions.php<\/code>-tiedostoon k\u00e4ytt\u00e4m\u00e4ll\u00e4\u00a0<code>wp_enqueue_script<\/code>-funktiota tai k\u00e4ytt\u00e4en Code Snippets -laajennusta erityisille skripteille, jotka eiv\u00e4t vaadi teeman tiedostojen muokkaamista.<\/li>\n<\/ul>\n\n\n\n<p>Muista, ett\u00e4 kun teet muutoksia teemasi tiedostoihin tai lis\u00e4\u00e4t koodia suoraan, n\u00e4m\u00e4 muutokset saattavat kadota, kun p\u00e4ivit\u00e4t teemasi. T\u00e4m\u00e4n vuoksi on suositeltavaa k\u00e4ytt\u00e4\u00e4 lapse-teemaa (child theme) tai Code Snippets -laajennusta.<\/p>\n\n\n\n<p>Toivottavasti n\u00e4m\u00e4 vinkit auttavat sinua p\u00e4\u00e4sem\u00e4\u00e4n hyvin alkuun!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jos haluat lis\u00e4t\u00e4 omaa koodiasi WordPress-sivustoon, on useita tapoja tehd\u00e4 se turvallisesti. Yksi suosittu ja helppok\u00e4ytt\u00f6inen ty\u00f6kalu t\u00e4h\u00e4n on nimelt\u00e4\u00e4n &#8221;Code Snippets&#8221;. Code Snippets -laajennuksen k\u00e4ytt\u00f6 &#8221;Code Snippets&#8221; on WordPress-lis\u00e4osa, joka mahdollistaa PHP-koodip\u00e4tkien lis\u00e4\u00e4misen sivustollesi ilman, ett\u00e4 sinun tarvitsee muokata suoraan teeman tai WordPress-ytimen tiedostoja. T\u00e4m\u00e4 on turvallinen tapa lis\u00e4t\u00e4 toiminnallisuutta, sill\u00e4 se v\u00e4hent\u00e4\u00e4 riskej\u00e4, &#8230; <a title=\"Miten lis\u00e4\u00e4n oman koodin WordPressiin\" class=\"read-more\" href=\"https:\/\/www.zoner.fi\/tuki\/webhotellit\/cpanel-wepardi\/oma-koodi-wordpress\/\" aria-label=\"Lue lis\u00e4\u00e4 aiheesta Miten lis\u00e4\u00e4n oman koodin WordPressiin\">Lue lis\u00e4\u00e4<\/a><\/p>\n","protected":false},"author":18,"featured_media":0,"parent":136943,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"135737,130455,136211,131506,136147,132938","_relevanssi_noindex_reason":"","footnotes":""},"categories":[190],"tags":[95],"wf_page_folders":[],"class_list":{"0":"post-136923","1":"page","2":"type-page","3":"status-publish","5":"category-cpanel-wepardi","6":"tag-ohjelmistot"},"_links":{"self":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/136923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/comments?post=136923"}],"version-history":[{"count":2,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/136923\/revisions"}],"predecessor-version":[{"id":137022,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/136923\/revisions\/137022"}],"up":[{"embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/136943"}],"wp:attachment":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/media?parent=136923"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/categories?post=136923"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/tags?post=136923"},{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/wf_page_folders?post=136923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}