{"id":238395,"date":"2022-04-04T16:20:00","date_gmt":"2022-04-04T13:20:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=238395"},"modified":"2022-05-16T10:29:19","modified_gmt":"2022-05-16T07:29:19","slug":"kuinka-lisata-sarakkeita-wordpress-viesteihin-gutenbergin-avulla","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-lisata-sarakkeita-wordpress-viesteihin-gutenbergin-avulla\/","title":{"rendered":"Kuinka lis\u00e4t\u00e4 sarakkeita WordPress-viesteihin Gutenbergin avulla"},"content":{"rendered":"<p>Oletko k\u00e4ytt\u00e4nyt WordPressi\u00e4 jonkin aikaa?<\/p>\n<p>Jos on, olet luultavasti googlettanut t\u00e4t\u00e4 aiemmin.<\/p>\n<p>Sarakkeiden lis\u00e4\u00e4minen viesteihin ja sivuille on ollut valtava tuska vuosia. Mutta olet onnekas\u2026<\/p>\n<p>Uudessa <a href=\"https:\/\/themewp.inform.click\/fi\/wordpressin-lohkoeditorin-kayttaminen-gutenbergin-olennainen-opas\/\" title=\"Gutenberg WordPress -postieditorissa\">Gutenberg WordPress -postieditorissa<\/a> on sis\u00e4\u00e4nrakennettuja sarakkeita, ja ne toimivat hyvin.<\/p>\n<p>T\u00e4ss\u00e4 viestiss\u00e4 opit lis\u00e4\u00e4m\u00e4\u00e4n sarakkeiden &quot;lohkoja&quot; Gutenbergin avulla. Opit my\u00f6s kuinka lis\u00e4t\u00e4 sarakkeisiin erityyppist\u00e4 sis\u00e4lt\u00f6\u00e4 ja muuttaa n\u00e4ytett\u00e4vien sarakkeiden m\u00e4\u00e4r\u00e4\u00e4.<\/p>\n<p>Jos et viel\u00e4 k\u00e4yt\u00e4 WordPress 5.0:aa, voit asentaa <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gutenberg-laajennuksen<\/a> aloittaaksesi sarakkeiden lis\u00e4\u00e4misen viesteihisi nyt.<\/p>\n<h2>Kuinka lis\u00e4t\u00e4 sarakkeita Gutenbergin avulla<\/h2>\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\/ulecytOqYfc\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Tilaa kilpailuteemat Youtubessa<\/a><\/p>\n<p>Aloita siirtym\u00e4ll\u00e4 viestiin, johon haluat lis\u00e4t\u00e4 sarakkeet.<\/p>\n<p>Voit lis\u00e4t\u00e4 sarakkeita lis\u00e4\u00e4m\u00e4ll\u00e4 viestiin uuden sarakkeen &quot;lohkon&quot;. Vie hiiri olemassa olevan lohkon p\u00e4\u00e4lle ja siirr\u00e4 kohdistin yl\u00e4- tai alareunan p\u00e4\u00e4lle, jolloin n\u00e4kyviin tulee &quot;+&quot; -painike uuden lohkon lis\u00e4\u00e4mist\u00e4 varten.<\/p>\n<p>Napsauta pluspainiketta, niin n\u00e4et ponnahdusikkunan, jossa voit valita lis\u00e4tt\u00e4v\u00e4n lohkon. Sarakkeet-lohko n\u00e4kyy yl\u00e4osassa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f1fc58fa.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f1fc58fa.png\" alt=\"Kuinka lis\u00e4t\u00e4 sarakkeita WordPress-viesteihin Gutenbergin avulla\"><\/a><\/p>\n<p>Napsauta Sarakkeet-lohkoa, niin se lis\u00e4t\u00e4\u00e4n viestiin.<\/p>\n<p>Kun lis\u00e4\u00e4t sarakelohkon ensimm\u00e4isen kerran, se lis\u00e4\u00e4 lohkon, joka sis\u00e4lt\u00e4\u00e4 olennaisesti kaksi kappalelohkoa. Voit aloittaa jommankumman kirjoittamisen heti.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f21f1452.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f21f1452.png\" alt=\"Kuinka lis\u00e4t\u00e4 sarakkeita WordPress-viesteihin Gutenbergin avulla\"><\/a><\/p>\n<p>Helppoa, eik\u00f6?<\/p>\n<p>Voit lis\u00e4t\u00e4 viestiisi niin monta sarakelohkoa kuin haluat lis\u00e4\u00e4m\u00e4ll\u00e4 sarakelohkoja t\u00e4ll\u00e4 tavalla.<\/p>\n<h3>Lis\u00e4\u00e4 lohkoja sarakkeisiin<\/h3>\n<p>Et tietenk\u00e4\u00e4n rajoitu vain tekstisarakkeiden luomiseen. Jos viet hiiren jommankumman lohkon p\u00e4\u00e4lle sarakkeessa, n\u00e4kyviin tulee pluspainike, jota napsauttamalla voit valita mink\u00e4 tahansa lis\u00e4tt\u00e4v\u00e4n lohkotyypin.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f24863b0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f24863b0.png\" alt=\"Kuinka lis\u00e4t\u00e4 sarakkeita WordPress-viesteihin Gutenbergin avulla\"><\/a><\/p>\n<p>Voin esimerkiksi valita kuvalohkon ja lis\u00e4t\u00e4 sen vasempaan sarakkeeseen ja sitten lis\u00e4t\u00e4 mink\u00e4 tahansa haluamani lohkon oikeaan sarakkeeseen.<\/p>\n<p>Itse asiassa voit jopa pinota useita lohkoja kumpaankin sarakkeeseen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f26a26a2.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f26a26a2.png\" alt=\"Kuinka lis\u00e4t\u00e4 sarakkeita WordPress-viesteihin Gutenbergin avulla\"><\/a><\/p>\n<p>Yll\u00e4 olevassa kuvakaappauksessa olen lis\u00e4nnyt kuvalohkon vasempaan sarakkeeseen, otsikkolohkon oikeaan sarakkeeseen ja ylim\u00e4\u00e4r\u00e4isen kappaleelementin otsikon alle oikeaan sarakkeeseen.<\/p>\n<p>Mahdollisuus pinota useita lohkoja sarakkeeseen tekee t\u00e4st\u00e4 ominaisuudesta melko joustavan. Yksi t\u00e4m\u00e4n ominaisuuden rajoituksista on, ett\u00e4 et voi s\u00e4\u00e4t\u00e4\u00e4 sarakkeiden leveytt\u00e4, mutta se saattaa tulla Gutenbergin tulevassa p\u00e4ivityksess\u00e4.<\/p>\n<h3>Kuinka lis\u00e4t\u00e4 sarakkeita<\/h3>\n<p>Yll\u00e4 olevassa esimerkiss\u00e4 k\u00e4ytet\u00e4\u00e4n kahta saraketta, mutta voit lis\u00e4t\u00e4 enint\u00e4\u00e4n kuusi saraketta yhteen sarakelohkoon.<\/p>\n<p>Voit lis\u00e4t\u00e4 sarakkeiden m\u00e4\u00e4r\u00e4\u00e4 napsauttamalla jotakin sarakelohkon kohtaa, mutta sen sis\u00e4ll\u00e4 olevien lohkojen ulkopuolella. N\u00e4et sivupalkin asetukset siirtyv\u00e4n Asiakirjan asetuksista Est\u00e4-asetuksiin ja paljastavat seuraavat vaihtoehdot:<\/p>\n<p>Voit k\u00e4ytt\u00e4\u00e4 liukus\u00e4\u00e4dint\u00e4 tai numeronsy\u00f6tt\u00f6\u00e4 s\u00e4\u00e4t\u00e4\u00e4ksesi sarakkeiden m\u00e4\u00e4r\u00e4\u00e4 2\u20136.<\/p>\n<p>T\u00e4ll\u00e4 hetkell\u00e4 Lis\u00e4asetukset sis\u00e4lt\u00e4v\u00e4t vain mahdollisuuden lis\u00e4t\u00e4 mukautettu CSS-luokka sarakelohkoon. T\u00e4m\u00e4 voi olla k\u00e4tev\u00e4\u00e4, jos olet perehtynyt CSS:\u00e4\u00e4n ja haluat tyylitt\u00e4\u00e4 jonkin sarakelohkoistasi hieman eri tavalla.<\/p>\n<h2>Johtop\u00e4\u00e4t\u00f6s<\/h2>\n<p>Vaikka Gutenbergin sarakkeiden lohko voisi sis\u00e4lt\u00e4\u00e4 joitain k\u00e4ytett\u00e4vyyden parannuksia, se toimii melko hyvin. Ja ollakseni rehellinen, se on paljon parempi kuin perinteisen editorin nykyinen vaihtoehto \u2013 ei mit\u00e4\u00e4n!<\/p>\n<p>Nyt kun voit luoda monisarakkeisia asetteluja viesteihisi, sinulla on enemm\u00e4n tilaa luovalle ilmaisulle ja mielenkiintoisten kuvioiden tekemiselle artikkeleissasi.<\/p>\n<p>Jos sinulla on kysytt\u00e4v\u00e4\u00e4 sarakkeiden lis\u00e4\u00e4misest\u00e4 WordPress-viesteihisi, j\u00e4t\u00e4 kommentti alle.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lis\u00e4\u00e4 nopeasti ja helposti useita sarakkeita (2\u20136) viesteihisi ja sivuihisi uudella WordPressin Gutenberg-editorilla.<\/p>\n","protected":false},"author":1,"featured_media":257628,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[550],"tags":[843],"class_list":["post-238395","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mukauta-wordpress","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/238395","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=238395"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/238395\/revisions"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=238395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=238395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=238395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}