{"id":369394,"date":"2023-03-31T19:31:00","date_gmt":"2023-03-31T16:31:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369394"},"modified":"2023-03-31T19:43:45","modified_gmt":"2023-03-31T16:43:45","slug":"uudet-wordpressin-gutenberg-lohkot-selitetty","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/uudet-wordpressin-gutenberg-lohkot-selitetty\/","title":{"rendered":"Uudet WordPressin Gutenberg-lohkot selitetty"},"content":{"rendered":"\n<p>Kuten ehk\u00e4 olet huomannut tai et, uusi <a href=\"https:\/\/wpklik.com\/wordpress-tips\/introduction-to-wordpress-gutenberg\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gutenberg WordPress Editor<\/a> perustuu lohkojen k\u00e4sitteeseen, ja se on suurin yksitt\u00e4inen innovaatio, joka tuli uuden WordPress-version 5.0 mukana.<\/p>\n<p>Monet ihmiset ovat huolissaan siit\u00e4, ett\u00e4 t\u00e4m\u00e4 uusi, lohkopohjainen viestien ja sivujen kirjoittamisen, muokkaamisen ja julkaisemisen k\u00e4site tekee heid\u00e4n WordPress-tuloksistaan \u200b\u200bja -menoistaan \u200b\u200bpaljon monimutkaisempia.<\/p>\n<p>Harrastaessamme uutta editoria jonkin aikaa, olemme p\u00e4\u00e4tt\u00e4neet n\u00e4ytt\u00e4\u00e4 sinulle, ett\u00e4 n\u00e4iss\u00e4 WordPress Gutenberg -lohkoissa ei ole syyt\u00e4 huoleen.<\/p>\n<p>Totuus on, ett\u00e4 t\u00e4m\u00e4 lohkojen k\u00e4site tuo mukanaan j\u00e4nnitt\u00e4vi\u00e4, uusia mahdollisuuksia. Nyt voit joko j\u00e4rjest\u00e4\u00e4 sis\u00e4lt\u00f6si <strong><a href=\"https:\/\/themewp.inform.click\/fi\/gutenbergin-sarakelohko-ja-sen-lisaaminen-wordpressiin\/\" title=\"Gutenberg-sarakelohkoihin\">Gutenberg-sarakelohkoihin<\/a><\/strong> tai luoda <strong><a href=\"https:\/\/themewp.inform.click\/fi\/opas-wordpress-gutenberg-kuvalohkoon\/\" title=\"Gutenberg-kuvalohkoja\">Gutenberg-kuvalohkoja<\/a><\/strong>. Ne ovat itse asiassa <strong>melko yksinkertaisia \u200b\u200bja hauskoja k\u00e4ytt\u00e4\u00e4<\/strong>, kuten huomaat pian itse.<\/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\/iiGtfxhbrCI\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Lohkojen lis\u00e4\u00e4minen<\/h2>\n<p>Koska uudet WordPress Gutenberg -lohkot ovat sivujesi ja viestiesi rakennusmateriaalia, sinun kannattaa luonnollisesti oppia lis\u00e4\u00e4m\u00e4\u00e4n niit\u00e4 ensimm\u00e4isen\u00e4.<\/p>\n<p>Itse asiassa on olemassa useita tapoja lis\u00e4t\u00e4 lohko:<\/p>\n<p>Voit k\u00e4ytt\u00e4\u00e4 <strong>pient\u00e4 plusmerkki\u00e4 (+) ty\u00f6kalupalkissa editorin vasemmassa yl\u00e4kulmassa<\/strong>. Kun napsautat t\u00e4t\u00e4 merkki\u00e4, n\u00e4kyviin tulee valikoima lohkoluokkia, alkaen yleisimmin k\u00e4ytetyist\u00e4. Saatavilla on my\u00f6s hakupalkki.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54a435bc0.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-316588-633e54a435bc0.jpg\" alt=\"Uudet WordPressin Gutenberg-lohkot selitetty\"><\/a><\/p>\n<p>Kun kirjoitat viestisi sis\u00e4lt\u00f6\u00e4 ty\u00f6tilaan, huomaat, ett\u00e4 plusmerkki ilmestyy alle, seuraavaan vapaaseen paikkaan, johon voit lis\u00e4t\u00e4 uuden lohkon. N\u00e4kyviin tulee pudotusvalikko lohkotyypeill\u00e4, ja oikealla on kolme yleist\u00e4 lohkotyyppi\u00e4. <strong>Valitse lohkotyyppi, jota haluat k\u00e4ytt\u00e4\u00e4, ja kirjoita sis\u00e4lt\u00f6si<\/strong>. Toista t\u00e4m\u00e4, kunnes viestisi on valmis.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54a7314e7.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-316588-633e54a7314e7.jpg\" alt=\"Uudet WordPressin Gutenberg-lohkot selitetty\"><\/a><\/p>\n<p>Kolmas menetelm\u00e4 on ihanteellinen niille teist\u00e4, jotka ovat kiinnostuneita pikan\u00e4pp\u00e4imist\u00e4. Jokaisella teist\u00e4 on luultavasti tiettyj\u00e4 lohkotyyppej\u00e4, joita k\u00e4yt\u00e4t s\u00e4\u00e4nn\u00f6llisesti. Sen sijaan, ett\u00e4 etsisit tietty\u00e4 lohkoa jokaisesta k\u00e4ytett\u00e4v\u00e4st\u00e4 tyypist\u00e4, voit <strong>yksinkertaisesti alkaa kirjoittaa lohkon nime\u00e4 vinoviivalla<\/strong>, esimerkiksi \/image, \/paragraph, \/heading ja niin edelleen, ja ehdotettu lohkotyyppi tulee n\u00e4kyviin.<\/p>\n<p>Lis\u00e4ksi editori ei tarjoa vain etsim\u00e4\u00e4si tarkkaa lohkotyyppi\u00e4, vaan my\u00f6s samanlaisia \u200b\u200blohkoja, mik\u00e4 tarkoittaa, ett\u00e4 sinun ei tarvitse edes muistaa kaikkia lohkojen nimi\u00e4.<\/p>\n<p>Jonkin ajan kuluttua huomaat, ett\u00e4 t\u00e4m\u00e4 on itse asiassa nopein ja helpoin tapa lis\u00e4t\u00e4 lohkoja Gutenbergiss\u00e4.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54aaa03eb.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-316588-633e54aaa03eb.jpg\" alt=\"Uudet WordPressin Gutenberg-lohkot selitetty\"><\/a><\/p>\n<h2>Est\u00e4 asetukset<\/h2>\n<p>Koska asiat ovat muuttuneet hieman editorin ymp\u00e4rill\u00e4, mietit todenn\u00e4k\u00f6isesti, mist\u00e4 l\u00f6yt\u00e4\u00e4 estovaihtoehdot. Se on itse asiassa eritt\u00e4in helppoa \u2013 <strong>saat valitsemasi vaihtoehdot yksinkertaisesti napsauttamalla lohkoa, jota haluat muokata<\/strong>. <strong>Vaihtoehdot n\u00e4kyv\u00e4t sek\u00e4 ty\u00f6kalupalkissa ett\u00e4 Est\u00e4-v\u00e4lilehdess\u00e4<\/strong>.<\/p>\n<p>Toisin kuin Classic Editor, Gutenberg tarjoaa paljon laajemman valikoiman vaihtoehtoja.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54ae40266.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-316588-633e54ae40266.jpg\" alt=\"Uudet WordPressin Gutenberg-lohkot selitetty\"><\/a><\/p>\n<p>\u00c4l\u00e4 my\u00f6sk\u00e4\u00e4n huoli, jos k\u00e4yt\u00e4t Gutenberg-editoria ja huomaat, ett\u00e4 estovaihtoehdot eiv\u00e4t sijaitse ty\u00f6kalupalkissa vaan itse lohkossa. Se on aivan hyv\u00e4, sill\u00e4 Gutenbergill\u00e4 on erilaisia \u200b\u200bvaihtoehtoja erilaisiin tarpeisiin.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b10fa50.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-316588-633e54b10fa50.jpg\" alt=\"Uudet WordPressin Gutenberg-lohkot selitetty\"><\/a><\/p>\n<h2>Katseluasetukset<\/h2>\n<p>P\u00e4\u00e4set k\u00e4ytt\u00e4m\u00e4\u00e4n kaikkia lohkon\u00e4kym\u00e4\u00e4 ja ty\u00f6tilaa yleens\u00e4 koskevia vaihtoehtoja napsauttamalla kolmea pystysuoraa pistett\u00e4 N\u00e4yt\u00e4 lis\u00e4\u00e4 ty\u00f6kaluja ja asetuksia -kohdassa.<\/p>\n<p>Jos mit\u00e4\u00e4n vaihtoehdoista ei ole valittuna, n\u00e4kym\u00e4 on kuten yll\u00e4 olevassa kuvassamme &#8211; vaihtoehdot sijaitsevat itse lohkossa.<\/p>\n<p>Jos yl\u00e4ty\u00f6kalupalkki on valittuna, estovaihtoehdot sijaitsevat ty\u00f6kalupalkissa.<\/p>\n<p>Valitsemalla Spotlight-tilan voit keskitty\u00e4 vain yhteen lohkoon kerrallaan. T\u00e4m\u00e4 on erityisen k\u00e4tev\u00e4\u00e4, kun haluat erottaa, mik\u00e4 tarkalleen muodostaa osan tietyst\u00e4 lohkosta.<\/p>\n<p>Jos haluat suuremman ty\u00f6tilan, voit napsauttaa Koko n\u00e4yt\u00f6n tila laajentaaksesi ty\u00f6tilan koko n\u00e4yt\u00f6lle.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b4203c4.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-316588-633e54b4203c4.jpg\" alt=\"Uudet WordPressin Gutenberg-lohkot selitetty\"><\/a><\/p>\n<h2>Uudelleenk\u00e4ytett\u00e4v\u00e4t lohkot<\/h2>\n<p>Toinen Gutenberg-editorin eritt\u00e4in hy\u00f6dyllinen ominaisuus on Reusable Blocks -vaihtoehto. Jos k\u00e4yt\u00e4t jatkuvasti tiettyj\u00e4 lohkoja, kannattaa ehdottomasti v\u00e4ltt\u00e4\u00e4 samojen arvojen asettamista tai kopioitavan koodin etsimist\u00e4 joka kerta, kun lis\u00e4\u00e4t lohkon.<\/p>\n<p>Uudella Lis\u00e4\u00e4 uudelleenk\u00e4ytett\u00e4viin lohkoihin -vaihtoehdolla voit <strong>tallentaa lohkon ja vet\u00e4\u00e4 sen yl\u00f6s, kun haluat k\u00e4ytt\u00e4\u00e4 sit\u00e4 uudelleen<\/strong>.<\/p>\n<p>Aseta uudelleen k\u00e4ytett\u00e4v\u00e4 lohko napsauttamalla Lis\u00e4\u00e4 vaihtoehtoja&gt; Lis\u00e4\u00e4 uudelleenk\u00e4ytett\u00e4viin lohkoihin.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b708f55.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-316588-633e54b708f55.jpg\" alt=\"Uudet WordPressin Gutenberg-lohkot selitetty\"><\/a><\/p>\n<p>Valitse lohkollesi nimi:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54ba902f1.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-316588-633e54ba902f1.jpg\" alt=\"Uudet WordPressin Gutenberg-lohkot selitetty\"><\/a><\/p>\n<p>Kun seuraavan kerran tarvitset t\u00e4t\u00e4 tarkkaa lohkoa, etsi sit\u00e4 joko nimell\u00e4 tai etsi se jostakin avattavasta valikosta Uudelleenk\u00e4ytett\u00e4v\u00e4t lohkot -kohdasta.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54bddde9c.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-316588-633e54bddde9c.jpg\" alt=\"Uudet WordPressin Gutenberg-lohkot selitetty\"><\/a><\/p>\n<p>Uudelleenk\u00e4ytett\u00e4v\u00e4t lohkot on helppo erottaa niiden vieress\u00e4 olevasta kierr\u00e4tyskuvakkeesta, kuten alla olevassa kuvassa n\u00e4kyy.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c092d9a.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-316588-633e54c092d9a.jpg\" alt=\"Uudet WordPressin Gutenberg-lohkot selitetty\"><\/a><\/p>\n<p>Uudelleenk\u00e4ytett\u00e4vi\u00e4 lohkoja voi hallita kohdassa N\u00e4yt\u00e4 lis\u00e4\u00e4 ty\u00f6kaluja ja vaihtoehtoja &gt; Hallitse kaikkia uudelleenk\u00e4ytett\u00e4vi\u00e4 lohkoja.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c34a739.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-316588-633e54c34a739.jpg\" alt=\"Uudet WordPressin Gutenberg-lohkot selitetty\"><\/a><\/p>\n<p>T\u00e4m\u00e4 avaa yleiskatsauksen kaikista t\u00e4h\u00e4n menness\u00e4 luoduista uudelleenk\u00e4ytett\u00e4vist\u00e4 lohkoista. Voimme my\u00f6s muokata lohkoja, mutta muista, ett\u00e4 <strong>kun muokkaat uudelleenk\u00e4ytett\u00e4v\u00e4\u00e4 lohkoa, my\u00f6s sis\u00e4lt\u00f6 kaikissa viesteiss\u00e4, joissa olemme k\u00e4ytt\u00e4neet sit\u00e4, muuttuu<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c597f97.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-316588-633e54c597f97.jpg\" alt=\"Uudet WordPressin Gutenberg-lohkot selitetty\"><\/a><\/p>\n<h2>Lohkojen uudelleenj\u00e4rjest\u00e4minen sivulla<\/h2>\n<p>Lohkojen uudelleenj\u00e4rjest\u00e4minen ja niiden j\u00e4rjestyksen muuttaminen sivulla tai viestiss\u00e4 on eritt\u00e4in yksinkertaista. Voit <strong>siirt\u00e4\u00e4 mit\u00e4 tahansa lohkoa k\u00e4ytt\u00e4m\u00e4ll\u00e4 ved\u00e4 ja pudota -navigointia, tai se voi vaihtaa paikkaa ala- tai yl\u00e4puolella olevan lohkon avulla<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c8c7e94.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-316588-633e54c8c7e94.jpg\" alt=\"Uudet WordPressin Gutenberg-lohkot selitetty\"><\/a><\/p>\n<p>Toivomme, ett\u00e4 t\u00e4m\u00e4 artikkeli auttoi sinua ymm\u00e4rt\u00e4m\u00e4\u00e4n WordPress Gutenbergin lohkoja hieman paremmin. Kuten n\u00e4et, uusi lohkojen konsepti mahdollistaa viestiesi paljon helpomman mukauttamisen sek\u00e4 joitakin lis\u00e4vaihtoehtoja, joita meill\u00e4 ei aiemmin ollut.<\/p>\n<p>Upouusien WordPress Gutenberg -lohkojen avulla l\u00e4het\u00e4t ja muokkaat viestej\u00e4si todenn\u00e4k\u00f6isesti paljon nopeammin kuin ennen. T\u00e4m\u00e4 on juuri sellainen parannus, jonka Gutenbergin kehitt\u00e4j\u00e4t ovat toivoneet saavuttavansa.<\/p>\n<p>Toivomme, ett\u00e4 t\u00e4m\u00e4 artikkeli oli hy\u00f6dyllinen. Jos pidit siit\u00e4, tutustu my\u00f6s joihinkin n\u00e4ist\u00e4 artikkeleista!<\/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>Vaikka uudet WordPress Gutenberg -lohkot saattavat tuntua pelottavalta uudelta asialta, ovat itse asiassa varsin hauskoja ja helppok\u00e4ytt\u00f6isi\u00e4, kuten n\u00e4et artikkelistamme.<\/p>\n","protected":false},"author":1,"featured_media":363766,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[570],"tags":[843],"class_list":["post-369394","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpressin-perusteet","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/369394","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=369394"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/369394\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/363766"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=369394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=369394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=369394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}