{"id":369454,"date":"2023-04-04T09:47:00","date_gmt":"2023-04-04T06:47:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369454"},"modified":"2023-04-04T09:47:14","modified_gmt":"2023-04-04T06:47:14","slug":"lyhyt-johdatus-wordpressiin-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/lyhyt-johdatus-wordpressiin-gutenberg\/","title":{"rendered":"Lyhyt johdatus WordPressiin Gutenberg"},"content":{"rendered":"\n<p>Classic Editor on jotain, johon me kaikki WordPressin k\u00e4ytt\u00e4j\u00e4t ovat tottuneet. Klassinen editori oli enemm\u00e4n kuin tapa \u2013 se oli jotain, jonka tiesimme ja ymm\u00e4rsimme hyvin. Siell\u00e4 oli vanha otsikkokentt\u00e4, sis\u00e4lt\u00f6kentt\u00e4, kentt\u00e4 lyhytkoodien lis\u00e4\u00e4mist\u00e4 varten. Oikealla puolellamme ovat kaikki k\u00e4ytett\u00e4viss\u00e4mme olevat sivuvaihtoehdot \u2013 tila, n\u00e4kyvyys ja niin edelleen.<\/p>\n<p>Yht\u00e4kki\u00e4 olemme suuren muutoksen edess\u00e4. Ensi silm\u00e4yksell\u00e4 WordPress Gutenberg tuskin vaikuta editorilta. Miss\u00e4 ovat kaikki vaihtoehtomme? Mihin teksti\u00e4 kirjoitetaan? Mit\u00e4 otsikossa on? Kyll\u00e4, muutokset ovat karkeita. Mutta usein muutokset tuovat parannuksia. Gutenberg luotiin tarkoituksena helpottaa k\u00e4ytt\u00e4jien ty\u00f6skentely\u00e4 WordPressin kanssa. Se on ehdottomasti hyv\u00e4ksymisen arvoinen muutos.<\/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\/gA2fO4UEjyY\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Ensi silm\u00e4yksell\u00e4<\/h2>\n<p>Katsotaanpa nopeasti uutta editoria. Aluksi se on kuin mit\u00e4\u00e4n, mit\u00e4 emme olisi n\u00e4hneet tai k\u00e4ytt\u00e4neet ennen. Mutta katso tarkemmin, niin huomaat, ett\u00e4 se on itse asiassa melko intuitiivinen ja helppok\u00e4ytt\u00f6inen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5400771e3.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-315845-633e5400771e3.jpg\" alt=\"Lyhyt johdatus WordPressiin Gutenberg\"><\/a><\/p>\n<p>Ensimm\u00e4inen asia, jonka huomaamme siin\u00e4, on, ett\u00e4 otsikko ei ole en\u00e4\u00e4 erillinen kentt\u00e4. Sen sijaan meill\u00e4 on nyt yksi ty\u00f6alue, joka n\u00e4ytt\u00e4\u00e4 osansa jatkumona.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540401252.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-315845-633e540401252.jpg\" alt=\"Lyhyt johdatus WordPressiin Gutenberg\"><\/a><\/p>\n<h2>Mit\u00e4 t\u00e4m\u00e4 kaikki lohkoista on?<\/h2>\n<p>WordPress Gutenberg perustuu lohkojen k\u00e4sitteeseen. Yksi t\u00e4m\u00e4n l\u00e4hestymistavan tavoitteista oli varmistaa jatkuvuus tavassa, jolla klassisia sis\u00e4lt\u00f6elementtej\u00e4 luodaan. Voimme saada eritt\u00e4in yksil\u00f6llisi\u00e4 ja t\u00e4ysin erilaisia \u200b\u200b\u200b\u200btuloksia, mutta teemme sen samalla tavalla lohkojen luomiseen. T\u00e4m\u00e4 varmistaa WordPressin turvallisuuden, vakauden ja viime k\u00e4dess\u00e4 skaalautuvuuden alustana ja kokonaisuutena.<\/p>\n<p>Mutta mit\u00e4 n\u00e4m\u00e4 lohkot oikein ovat? Yksinkertaisesti sanottuna uusi editori korvaa vanhan yksitt\u00e4isen muokkauskent\u00e4n joukolla uusia yksitt\u00e4isi\u00e4 lohkoja. Lohko voi olla monia asioita. Sis\u00e4lt\u00f6lohko \u2013 pelkk\u00e4 teksti, kuvat, videot, mutta my\u00f6s widget, painike, taulukko ja niin edelleen.<\/p>\n<h2>Lohkojen hallinta<\/h2>\n<p>Katsotaanpa nyt, kuinka lis\u00e4\u00e4mme n\u00e4m\u00e4 <a href=\"https:\/\/themewp.inform.click\/fi\/uudet-wordpressin-gutenberg-lohkot-selitetty\/\" title=\"lohkot WordPress Gutenbergiin\">lohkot WordPress Gutenbergiin<\/a>. WordPressin hyv\u00e4t ihmiset ovat jakaneet ne siisteihin luokkiin meid\u00e4n mukavuuden ja helpomman liikkumisen vuoksi. Voit selata n\u00e4it\u00e4 luokkia tai yksinkertaisesti k\u00e4ytt\u00e4\u00e4 haluamasi lohkon nime\u00e4, jos tied\u00e4t sen, kirjoittamalla sen muodossa \/nimi.<\/p>\n<p>On olemassa erilaisia \u200b\u200btapoja lis\u00e4t\u00e4 lohkoja. Voit esimerkiksi k\u00e4ytt\u00e4\u00e4 pient\u00e4 plusmerkki\u00e4 editorin vasemmassa yl\u00e4kulmassa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e54070de67.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-315845-633e54070de67.jpg\" alt=\"Lyhyt johdatus WordPressiin Gutenberg\"><\/a><\/p>\n<p>Hyv\u00e4t vanhat Undo ja Redo sijaitsevat aivan sen vieress\u00e4.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540a1fcf4.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-315845-633e540a1fcf4.jpg\" alt=\"Lyhyt johdatus WordPressiin Gutenberg\"><\/a><\/p>\n<p>Hy\u00f6dyllinen uusi asia t\u00e4ss\u00e4 on Info-painike, joka n\u00e4ytt\u00e4\u00e4 viestimme sis\u00e4lt\u00f6rakenteen. Se n\u00e4ytt\u00e4\u00e4, kuinka monta sanaa, otsikkoa, kappaletta ja lohkoa meill\u00e4 on viestiss\u00e4mme, ja auttaa meit\u00e4 seuraamaan sis\u00e4lt\u00f6rakennettamme.<\/p>\n<p>Siell\u00e4 on aina yksi tyhj\u00e4 lohko ennen sis\u00e4ll\u00f6n lis\u00e4\u00e4mist\u00e4. T\u00e4m\u00e4 lohko on siell\u00e4 oletuksena, aivan kuten otsikkolohko.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540d5559c.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-315845-633e540d5559c.jpg\" alt=\"Lyhyt johdatus WordPressiin Gutenberg\"><\/a><\/p>\n<p>Toinen eritt\u00e4in hy\u00f6dyllinen asia, jota meill\u00e4 ei ollut aiemmin, on Block Navigation, joka sijaitsee my\u00f6s vasemmassa yl\u00e4kulmassa.<\/p>\n<p>Se n\u00e4ytt\u00e4\u00e4 kaikkien sivun lohkojen rakenteen ja mahdollistaa helpon sis\u00e4ll\u00f6n kiert\u00e4misen.<\/p>\n<p>Jos esimerkiksi haluat muokata sis\u00e4lt\u00f6\u00e4, joka sijaitsee julkaisusi toiseksi viimeisess\u00e4 kappaleessa, sen sijaan, ett\u00e4 vieritisit siihen asti, voit napsauttaa kyseist\u00e4 kappaletta Est\u00e4 navigointi -pudotusvalikosta.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e54106de52.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-315845-633e54106de52.jpg\" alt=\"Lyhyt johdatus WordPressiin Gutenberg\"><\/a><\/p>\n<p>Kun olemme lis\u00e4nneet sis\u00e4lt\u00f6\u00e4 mihin tahansa lohkoon, voimme napsauttaa Tallenna luonnos, kuten vanhassa editorissa, tai Esikatsele tai Julkaise.<\/p>\n<p>Monet asiat, jotka olemme tottuneet l\u00f6yt\u00e4m\u00e4\u00e4n Klassisen editorin oikealta puolelta, ovat edelleen siell\u00e4, paitsi ne on piilotettu Asiakirja-v\u00e4lilehden alle.<\/p>\n<p>Yksi klassisen editorin p\u00e4\u00e4kent\u00e4n alapuolella sijaitsevista elementeist\u00e4 on Keskustelu, jonka avulla sallimme tai estimme kommentit sivulla.<\/p>\n<p>Se sijaitsee nyt Asiakirja-v\u00e4lilehdess\u00e4, jonka voi muuten v\u00e4liaikaisesti poistaa, aivan kuten sen naapuri, Est\u00e4-v\u00e4lilehti, napsauttamalla hammaspy\u00f6r\u00e4\u00e4 p\u00e4\u00e4st\u00e4ksesi asetuksiin.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5414061a7.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-315845-633e5414061a7.jpg\" alt=\"Lyhyt johdatus WordPressiin Gutenberg\"><\/a><\/p>\n<h2>R\u00e4\u00e4t\u00e4l\u00f6intiasetukset<\/h2>\n<p>Voimme mukauttaa ty\u00f6tilan n\u00e4kym\u00e4\u00e4 napsauttamalla kolmea pystysuoraa pistett\u00e4 oikeassa yl\u00e4kulmassa, mik\u00e4 vie meid\u00e4t Lis\u00e4\u00e4 ty\u00f6kaluja ja asetuksia -valikkoon. Sielt\u00e4 voimme muokata ty\u00f6tilaa mieleisekseen sek\u00e4 siin\u00e4 olevien elementtien j\u00e4rjestyst\u00e4. Lis\u00e4ksi voit my\u00f6s valita haluamasi editorin \u2013 Visual Editor tai Code Editor. Siell\u00e4 on luettelo pikan\u00e4pp\u00e4imist\u00e4 sek\u00e4 joitain lis\u00e4vaihtoehtoja.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5417a3dbb.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-315845-633e5417a3dbb.jpg\" alt=\"Lyhyt johdatus WordPressiin Gutenberg\"><\/a><\/p>\n<p>Ja nyt se t\u00e4rkein osa. Napsauttamalla lohkoa, t\u00e4ss\u00e4 tapauksessa ensimm\u00e4ist\u00e4 kappaletta, avaat kyseiseen lohkoon liittyv\u00e4t vaihtoehdot. Kun olet valinnut lohkon, osa vaihtoehdoista sijaitsee Est\u00e4-v\u00e4lilehden alla oikealla.<\/p>\n<p>Jotkut muut vaihtoehdot samalle lohkolle sijaitsevat editorin vasemmassa yl\u00e4kulmassa, ja itse lohkon ymp\u00e4rill\u00e4 on muita vaihtoehtoja m\u00e4\u00e4ritt\u00e4m\u00e4si n\u00e4kym\u00e4n mukaan.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e541c06c9b.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-315845-633e541c06c9b.jpg\" alt=\"Lyhyt johdatus WordPressiin Gutenberg\"><\/a><\/p>\n<p>Ja siin\u00e4 se on pitk\u00e4lti. Pohjimmiltaan WordPress Gutenberg on yht\u00e4 k\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llinen kuin klassinen editori, ja luultavasti jopa enemm\u00e4n. Suosittelemme, ett\u00e4 kokeilet sit\u00e4 ja leikki\u00e4 sen kanssa jonkin aikaa. N\u00e4et, ett\u00e4 saat siit\u00e4 melko lujan otteen hetkess\u00e4 ja olet iloinen kaikista t\u00e4m\u00e4n muutoksen mukanaan tuomista parannuksista.<\/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>Kaikki mit\u00e4 halusit tiet\u00e4\u00e4 upouudesta WordPress Gutenberg -editorista, mutta pelk\u00e4sit kysy\u00e4, on t\u00e4ss\u00e4 t\u00e4ss\u00e4 lyhyess\u00e4 mutta informatiivisessa artikkelissa.<\/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-369454","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\/369454","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=369454"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/369454\/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=369454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=369454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=369454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}