{"id":368208,"date":"2023-05-16T15:32:00","date_gmt":"2023-05-16T12:32:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368208"},"modified":"2023-05-16T15:37:32","modified_gmt":"2023-05-16T12:37:32","slug":"youtube-videon-upottaminen-wordpressiin-gutenbergin-kanssa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/youtube-videon-upottaminen-wordpressiin-gutenbergin-kanssa\/","title":{"rendered":"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa"},"content":{"rendered":"\n<p>Riippumatta siit\u00e4, miksi k\u00e4yt\u00e4t verkkosivustoa, arvostaisit luonnollisesti yleis\u00f6si sitoutumista, sill\u00e4 heid\u00e4n sitoutumisensa voi tuoda sinulle paljon etuja. <strong>Yksi parhaista ja luonnollisimmista tavoista innostaa sivustosi k\u00e4vij\u00f6it\u00e4 pysym\u00e4\u00e4n pidemp\u00e4\u00e4n tietyll\u00e4 sivulla ja olemaan vuorovaikutuksessa laadukkaiden videoiden n\u00e4ytt\u00e4minen strategisesti valituilla sivuilla<\/strong>. Monet p\u00e4\u00e4tt\u00e4v\u00e4t upottaa videoita etusivulleen tai <a href=\"https:\/\/themewp.inform.click\/fi\/5-wordpress-videotaustalaajennusta-vuodelle-2022\/\" title=\"asettaa videon taustaksi\">asettaa videon taustaksi<\/a>, eik\u00e4 se ole ilman hyv\u00e4\u00e4 syyt\u00e4. Hauskat, opettavaiset, inspiroivat, informatiiviset tai opettavat mediamateriaalit vaikuttavat valtavasti verkkosivustosi imagoon ja voivat jopa vaikuttaa tulosprosentteihisi.<\/p>\n<p>Jos mietit nyt, mist\u00e4 saada t\u00e4llaisia \u200b\u200bvideoita omalle verkkosivustollesi, vastaus on yksinkertainen \u2013 voit <strong>upottaa YouTube-videoita tai ladata omia<\/strong>. Ja riippumatta valinnastasi, videon lis\u00e4\u00e4minen WordPressiin on yksinkertaista eik\u00e4 vaadi koodaustaitoa. T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4mme sinulle vaihe vaiheelta, kuinka voit lis\u00e4t\u00e4 videoita kolmella eri tavalla:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/7ZrpyV8dcIw\" frameborder=\"0\"><\/iframe><\/div>\n<h2>YouTube-videon upottaminen perinteiseen editoriin<\/h2>\n<p>T\u00e4ss\u00e4 ovat vaiheet helpoimpaan tapaan upottaa video YouTubesta:<\/p>\n<ol>\n<li>Kirjaudu ensin sis\u00e4\u00e4n WordPressiin. Siirry sitten sivulle\/viestille, johon haluat lis\u00e4t\u00e4 videon, ja <strong>etsi paikka, johon haluat lis\u00e4t\u00e4 sen<\/strong> sis\u00e4lt\u00f6\u00f6si.<\/li>\n<li>Siirry YouTubeen, etsi video, jonka haluat lis\u00e4t\u00e4, ja <strong>k\u00e4yt\u00e4 koko URL-osoitetta<\/strong> selaimen sijaintipalkissa:<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bbf3c3c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bbf3c3c.jpg\" alt=\"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa\"><\/a><\/p>\n<p>Toinen tapa kopioida URL-osoite on valita Jaa-vaihtoehto alta. Napsauta sen j\u00e4lkeen Kopioi-painiketta, ja olet onnistuneesti kopioinut videon URL-osoitteen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bfd9576.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bfd9576.jpg\" alt=\"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa\"><\/a><\/p>\n<p>Meid\u00e4n on huomattava, ett\u00e4 on olemassa yksi mahtava vaihtoehto, jonka avulla voit <strong>asettaa videosi alkamaan tietyst\u00e4 kohdasta<\/strong>. Valitse Aloita klo -ruutu ja lis\u00e4\u00e4 aika, josta haluat videosi alkavan.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c2a22ed.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c2a22ed.jpg\" alt=\"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa\"><\/a><\/p>\n<ol start=\"3\">\n<li>Palaa nyt sivullesi\/viestillesi ja <strong>liit\u00e4 vain URL-osoite<\/strong> (tyhj\u00e4 kappale on hyv\u00e4 paikka tehd\u00e4 niin), niin videon esikatselu tulee n\u00e4kyviin. Kuten t\u00e4m\u00e4:<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c4c28aa.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c4c28aa.jpg\" alt=\"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa\"><\/a><\/p>\n<ol start=\"4\">\n<li>Nyt sinun ei tarvitse tehd\u00e4 muuta kuin napsauttaa P\u00e4ivit\u00e4-painiketta, ja <strong>videosi on vihdoin julkaistu<\/strong> ja n\u00e4kyy sivullasi tai viestiss\u00e4si.<\/li>\n<\/ol>\n<p>Jos tarvitset <strong>lis\u00e4asetuksia<\/strong>, kuten videon n\u00e4ytt\u00f6koon muuttamisen, voit lis\u00e4t\u00e4 sen toisella tavalla:<\/p>\n<ol>\n<li>Valitse videosi alla oleva Jaa-painike. T\u00e4m\u00e4 tuo YouTube-upotusvaihtoehdon n\u00e4kyviin.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c6ef6a1.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c6ef6a1.jpg\" alt=\"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c999981.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c999981.jpg\" alt=\"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa\"><\/a><\/p>\n<ol start=\"3\">\n<li>Liit\u00e4 se t\u00e4h\u00e4n (muista k\u00e4ytt\u00e4\u00e4 tekstinmuokkaustilaa):<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62cc45630.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62cc45630.jpg\" alt=\"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa\"><\/a><\/p>\n<ol start=\"4\">\n<li>Paina P\u00e4ivit\u00e4-painiketta ja se on siin\u00e4! Voit nyt <strong>muokata videon leveytt\u00e4 ja korkeutta<\/strong>. L\u00f6yd\u00e4t sen kopioimastasi HTML-koodista.<\/li>\n<\/ol>\n<h2>YouTube-videon upottaminen Gutenbergiin<\/h2>\n<p>Gutenberg-editori sis\u00e4lt\u00e4\u00e4 upotuslohkot, joiden avulla voit lis\u00e4t\u00e4 sis\u00e4lt\u00f6\u00e4 muista l\u00e4hteist\u00e4, mukaan lukien videot. <strong>YouTube-videoille<\/strong> on my\u00f6s erityinen esto, jonka l\u00f6yd\u00e4t Gutenbergin estoluettelostasi.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62ce55d4d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62ce55d4d.jpg\" alt=\"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa\"><\/a><\/p>\n<p>Sinun pit\u00e4isi tiet\u00e4\u00e4, ett\u00e4 <strong>YouTube-lohko sallii vain videon URL-osoitteen lis\u00e4\u00e4misen<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d09aeac.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d09aeac.jpg\" alt=\"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d3a5299.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d3a5299.jpg\" alt=\"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa\"><\/a><\/p>\n<h2>YouTube-videon upottaminen Elementoriin<\/h2>\n<p>Elementor tarjoaa <strong>kaksi eri tapaa lis\u00e4t\u00e4 video<\/strong>. Yksi tapa on k\u00e4ytt\u00e4\u00e4 <strong>tekstieditorilohkoa<\/strong> ja toinen on k\u00e4ytt\u00e4\u00e4 <strong>videolohkoa<\/strong>, joka on erityisesti tehty t\u00e4h\u00e4n tarkoitukseen ja sopii siksi paremmin YouTube-videoihin, mutta molemmilla tavoilla voit upottaa videoita sivullesi.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d61e376.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d61e376.jpg\" alt=\"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa\"><\/a><\/p>\n<p>Kun olet napsauttanut Muokkaa Elementorilla, valitse Tekstieditori-lohko ja ved\u00e4 ja pudota se sis\u00e4lt\u00f6alueelle. Siirry sitten videoon, jonka haluat lis\u00e4t\u00e4, ja <strong>kopioi koko URL-osoite selaimesi sijaintipalkkiin<\/strong>, ja olet jo melkein valmis.<\/p>\n<p>Toinen tapa lis\u00e4t\u00e4 videota tekstieditorilla on valita upotusvaihtoehto ja napsauttaa Kopioi-painiketta. Videon URL-osoite on kopioitu onnistuneesti. Periaatteessa <strong>lis\u00e4\u00e4t videoita Elementor-tekstieditorilla samalla tavalla kuin lis\u00e4\u00e4t videon perinteisell\u00e4 muokkausty\u00f6kalulla<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d90bab4.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d90bab4.jpg\" alt=\"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa\"><\/a><\/p>\n<p>Jos valitset videolohkon, jonka <strong>avulla voit lis\u00e4t\u00e4 my\u00f6s videoita Vimeosta, dailymotion-videoita tai jopa itseis\u00e4nn\u00f6ityj\u00e4 videoita<\/strong>, l\u00f6yd\u00e4t my\u00f6s muutamia k\u00e4tev\u00e4mpi\u00e4 vaihtoehtoja videon toistamiseen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62db328fd.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62db328fd.jpg\" alt=\"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa\"><\/a><\/p>\n<p>Aloitat valitsemalla Muokkaa Elementorilla -vaihtoehdon, valitse sitten Videolohko ja ved\u00e4 ja pudota se sis\u00e4lt\u00f6alueelle. Vasemmalla olevassa valikossa n\u00e4et kaksi v\u00e4lilehte\u00e4, valitse sis\u00e4lt\u00f6v\u00e4lilehti.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62dd44931.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62dd44931.jpg\" alt=\"YouTube-videon upottaminen WordPressiin Gutenbergin kanssa\"><\/a><\/p>\n<p>Nyt n\u00e4et useita vaihtoehtoja. <strong>Valitse ensin videon l\u00e4hde, t\u00e4ss\u00e4 tapauksessa menn\u00e4\u00e4n YouTubeen<\/strong>.<\/p>\n<p>Siirry sitten sivulle, jolla on upotettava video, ja kopioi videon URL-osoite Linkki-alueelle. N\u00e4et heti, valitsitko oikean videon.<\/p>\n<p>Pohjimmiltaan t\u00e4m\u00e4 on se, olet nyt lis\u00e4nnyt videon ja voit <strong>jatkaa lis\u00e4asetusten m\u00e4\u00e4ritt\u00e4mist\u00e4<\/strong>.<\/p>\n<p>Automaattinen <strong>toisto<\/strong> -vaihtoehto on k\u00e4ytett\u00e4viss\u00e4si. Jos valitset sen, videosi toisto alkaa automaattisesti heti, kun sivusi ladataan.<\/p>\n<p>Seuraava <strong>Toiston hallinta<\/strong> -vaihtoehto viittaa siihen, haluatko ohjauspainikkeiden (Toista ja Tauko) n\u00e4kyv\u00e4n videossasi vai et. Jos ei, valitse Piilota t\u00e4ss\u00e4 kent\u00e4ss\u00e4.<\/p>\n<p>Toinen hieno ominaisuus on <strong>Image Overlay<\/strong>, joka on hienoa, jos haluat muokata videosi ulkoasua maksimaalisesti ja v\u00e4ltt\u00e4\u00e4 alussa n\u00e4kyv\u00e4\u00e4 oletuskuvaa. Napsauta vain Image Overlay -vaihtoehtoa, valitse N\u00e4yt\u00e4-vaihtoehto ja valitse sitten kuva mediakirjastosta, niin valittu kuva n\u00e4kyy videosi p\u00e4\u00e4ll\u00e4.<\/p>\n<p>Nyt kun tunnet perusteet YouTube-videoiden ja -julkaisujen lis\u00e4\u00e4misest\u00e4 WordPress-sivullesi, voit pirist\u00e4\u00e4 verkkosivustoasi ja nauttia n\u00e4pp\u00e4r\u00e4sti valitun laadukkaan videosis\u00e4ll\u00f6n tuomista eduista. Jos mietit, voiko verkkosivustollasi tehd\u00e4 enemm\u00e4n videoilla, olet oikeassa. <a href=\"https:\/\/themewp.inform.click\/fi\/5-picture-perfect-wordpress-youtube-laajennusta-2022\/\" title=\"WordPressiss\u00e4\">WordPressiss\u00e4<\/a> on paljon YouTube-laajennuksia, jotka tarjoavat edistyneempi\u00e4 vaihtoehtoja, kuten soittolistojen luomisen, ulkoasun muotoilun ja paljon muuta. Mutta riippumatta siit\u00e4, kuinka lis\u00e4\u00e4t mediaa verkkosivustollesi, yksi asia on varma \u2013 videot saavat sis\u00e4lt\u00f6si n\u00e4ytt\u00e4m\u00e4\u00e4n dynaamisemmalta, houkuttelevammalta ja informatiivisemmalta.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>On olemassa muutamia tapoja upottaa YouTube-video WordPressiin \u2013 sek\u00e4 perinteisess\u00e4 editorissa ett\u00e4 Gutenbergiss\u00e4. T\u00e4ll\u00e4 kertaa p\u00e4\u00e4timme n\u00e4ytt\u00e4\u00e4 ne kaikki.<\/p>\n","protected":false},"author":1,"featured_media":364064,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[631,425,570],"tags":[843],"class_list":["post-368208","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloggaaminen","category-wordpress-laajennukset","category-wordpressin-perusteet","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/368208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=368208"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/368208\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/364064"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=368208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=368208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=368208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}