{"id":164,"date":"2019-01-16T12:35:33","date_gmt":"2019-01-16T10:35:33","guid":{"rendered":"https:\/\/blogit.gradia.fi\/esimerkki\/?page_id=164"},"modified":"2019-01-22T13:17:12","modified_gmt":"2019-01-22T11:17:12","slug":"esimerkkeja-erilaisista-lohkoista","status":"publish","type":"page","link":"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/","title":{"rendered":"Esimerkkej\u00e4 lohkoista"},"content":{"rendered":"\n<p><strong>Kappale.<\/strong> T\u00e4m\u00e4 lohko on nimelt\u00e4\u00e4n kappale. Kappale sopii tavallisen tekstinkappaleen kirjoittamiseen. Yhteen kappaleeseen voi periaatteessa kirjoittaa pitk\u00e4tkin p\u00e4tk\u00e4t teksti\u00e4, mutta tekstin muokkaaminen my\u00f6hemmin voi olla helpompaa, jos laittaa jokaisen kappaleen omaksi lohkokseen. Lohkoa reunustavan laatikon ollessa n\u00e4kyviss\u00e4, n\u00e4et yl\u00e4reunassa valikon, jossa voit tasata tai keskitt\u00e4\u00e4 teksti\u00e4, <strong>lihavoida<\/strong>, <em>kursivoida<\/em> tai linkitt\u00e4\u00e4. Kolmesta p\u00e4\u00e4llekk\u00e4isest\u00e4 pisteest\u00e4 saa n\u00e4kyviin viel\u00e4 lis\u00e4\u00e4 asetuksia.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">T\u00e4m\u00e4 lohko on otsikko (H2)<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">T\u00e4m\u00e4 lohko on otsikko (H3)<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">T\u00e4m\u00e4 lohko on otsikko (H4)<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">T\u00e4m\u00e4 lohko on otsikko (H5)<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">T\u00e4m\u00e4 lohko on otsikko (H6)<\/h6>\n\n\n\n<ol class=\"wp-block-list\"><li>T\u00e4m\u00e4 lohko on lista.<\/li><li>T\u00e4h\u00e4n voi listata asioita.<\/li><li>Listattavia asioita on hyv\u00e4 olla useampia, jotta listaaminen on j\u00e4rkev\u00e4\u00e4.<\/li><li>Lohkon yl\u00e4reunan valikosta voit valita, onko lista j\u00e4rjest\u00e4m\u00e4t\u00f6n vai numeroitu.<\/li><li>Katso, mit\u00e4 muita valintoja listalohkolle voi tehd\u00e4!<\/li><li><\/li><\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Seuraava lohko on kuva<\/h4>\n\n\n\n<p>Valitse +-merkist\u00e4 uudeksi lohkoksi kuva. Kuvan siirt\u00e4minen tai tuominen blogiin on helppoa. Muista aina tekij\u00e4noikeudet!<\/p>\n\n\n\n<p>Kun kuvalohko on valittuna, voit asetukset-valikossa asettaa sille alt-tekstin. Alt-teksti kertoo kuvasta niille ihmisille, jotka eiv\u00e4t voi n\u00e4hd\u00e4 sit\u00e4. Kuvaile kuvan sis\u00e4lt\u00f6\u00e4 lyhyesti. Asetukset-valikosta saat my\u00f6s muutettua kuvan kokoa.<\/p>\n\n\n\n<p>Kuvalohkon yl\u00e4reunasta p\u00e4\u00e4set tekem\u00e4\u00e4n kuvan tasauksen vasemmalle\/oikealle tai keskityksen sek\u00e4 tekem\u00e4\u00e4n valintoja kuvan leveydest\u00e4 ja muuten muokkaamaan kuvaa.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1218\" height=\"901\" src=\"https:\/\/blogit.gradia.fi\/esimerkki\/wp-content\/uploads\/sites\/15\/2019\/01\/uusilohko.png\" alt=\"Tekstieditorin n\u00e4kym\u00e4, jossa lis\u00e4t\u00e4\u00e4n uusia lohkoja.\" class=\"wp-image-284\" \/><figcaption>Uuden lohkon valitseminen <\/figcaption><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>T\u00e4m\u00e4 lohko on nimelt\u00e4\u00e4n lainaus.<\/p><cite>lainaus se on.<br><\/cite><\/blockquote>\n\n\n\n<p>Kokeile rohkeasti, millaisia erilaisia lohkoja k\u00e4ytett\u00e4viss\u00e4si on edell\u00e4 esiteltyjen kappaleen, v\u00e4liotsikkojen, listan, kuvan ja lainauksen lis\u00e4ksi. Lohkoista pit\u00e4isi l\u00f6yty\u00e4 viel\u00e4 ainakin galleria, tiedosto, video, \u00e4\u00e4ni, tiedosto ja MetaSlider.<\/p>\n\n\n\n<p>Lohkonvalintaikkunan sivupalkkia liu&#8217;uttamalla alasp\u00e4in n\u00e4kyviin tulee viel\u00e4 lis\u00e4\u00e4 valintoja: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Rivinsis\u00e4iset elementit<\/strong> &#8211; voit lis\u00e4t\u00e4 elementinsis\u00e4isen kuvan <\/li><li><strong>Yleiset lohkot <\/strong>&#8211; t\u00e4\u00e4lt\u00e4 n\u00e4et tavallisimmat lohkot<\/li><li><strong>Muotoilu<\/strong> &#8211; jos esim. tarvitset taulukon tai haluat kirjoittaa koodia<\/li><li><strong>Asettelun elementit<\/strong> &#8211; saat lis\u00e4tty\u00e4 esim. painikkeen, sarakkeet, sivunvaihdon&#8230;<\/li><li><strong>Vimpaimet<\/strong> &#8211; voit lis\u00e4t\u00e4 joitain vimpaimia sivulle t\u00e4t\u00e4 kautta<\/li><li><strong>Upotukset<\/strong> &#8211; upota sivulle esim. YouTube-video helposti<\/li><li><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Kappale. T\u00e4m\u00e4 lohko on nimelt\u00e4\u00e4n kappale. Kappale sopii tavallisen tekstinkappaleen kirjoittamiseen. Yhteen kappaleeseen voi periaatteessa kirjoittaa pitk\u00e4tkin p\u00e4tk\u00e4t teksti\u00e4, mutta tekstin muokkaaminen my\u00f6hemmin voi olla helpompaa, jos laittaa jokaisen kappaleen omaksi lohkokseen. Lohkoa reunustavan laatikon ollessa n\u00e4kyviss\u00e4, n\u00e4et yl\u00e4reunassa valikon, jossa voit tasata tai keskitt\u00e4\u00e4 teksti\u00e4, lihavoida, kursivoida tai linkitt\u00e4\u00e4. Kolmesta p\u00e4\u00e4llekk\u00e4isest\u00e4 pisteest\u00e4 saa n\u00e4kyviin &hellip; <a href=\"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/\" class=\"more-link\">Jatka lukemista <span class=\"screen-reader-text\">Esimerkkej\u00e4 lohkoista<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-164","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Esimerkkej\u00e4 lohkoista - Esimerkki<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/\" \/>\n<meta property=\"og:locale\" content=\"fi_FI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Esimerkkej\u00e4 lohkoista - Esimerkki\" \/>\n<meta property=\"og:description\" content=\"Kappale. T\u00e4m\u00e4 lohko on nimelt\u00e4\u00e4n kappale. Kappale sopii tavallisen tekstinkappaleen kirjoittamiseen. Yhteen kappaleeseen voi periaatteessa kirjoittaa pitk\u00e4tkin p\u00e4tk\u00e4t teksti\u00e4, mutta tekstin muokkaaminen my\u00f6hemmin voi olla helpompaa, jos laittaa jokaisen kappaleen omaksi lohkokseen. Lohkoa reunustavan laatikon ollessa n\u00e4kyviss\u00e4, n\u00e4et yl\u00e4reunassa valikon, jossa voit tasata tai keskitt\u00e4\u00e4 teksti\u00e4, lihavoida, kursivoida tai linkitt\u00e4\u00e4. Kolmesta p\u00e4\u00e4llekk\u00e4isest\u00e4 pisteest\u00e4 saa n\u00e4kyviin &hellip; Jatka lukemista Esimerkkej\u00e4 lohkoista &rarr;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/\" \/>\n<meta property=\"og:site_name\" content=\"Esimerkki\" \/>\n<meta property=\"article:modified_time\" content=\"2019-01-22T11:17:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blogit.gradia.fi\/esimerkki\/wp-content\/uploads\/sites\/15\/2019\/01\/uusilohko.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Arvioitu lukuaika\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuuttia\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/\",\"url\":\"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/\",\"name\":\"Esimerkkej\u00e4 lohkoista - Esimerkki\",\"isPartOf\":{\"@id\":\"https:\/\/blogit.gradia.fi\/esimerkki\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blogit.gradia.fi\/esimerkki\/wp-content\/uploads\/sites\/15\/2019\/01\/uusilohko.png\",\"datePublished\":\"2019-01-16T10:35:33+00:00\",\"dateModified\":\"2019-01-22T11:17:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/#breadcrumb\"},\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/#primaryimage\",\"url\":\"https:\/\/blogit.gradia.fi\/esimerkki\/wp-content\/uploads\/sites\/15\/2019\/01\/uusilohko.png\",\"contentUrl\":\"https:\/\/blogit.gradia.fi\/esimerkki\/wp-content\/uploads\/sites\/15\/2019\/01\/uusilohko.png\",\"width\":1218,\"height\":901,\"caption\":\"Uuden lohkon valinta tekstieditorissa.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blogit.gradia.fi\/esimerkki\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Esimerkkej\u00e4 lohkoista\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogit.gradia.fi\/esimerkki\/#website\",\"url\":\"https:\/\/blogit.gradia.fi\/esimerkki\/\",\"name\":\"Esimerkki\",\"description\":\"Gradian blogiohjesivusto\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogit.gradia.fi\/esimerkki\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fi\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Esimerkkej\u00e4 lohkoista - Esimerkki","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/","og_locale":"fi_FI","og_type":"article","og_title":"Esimerkkej\u00e4 lohkoista - Esimerkki","og_description":"Kappale. T\u00e4m\u00e4 lohko on nimelt\u00e4\u00e4n kappale. Kappale sopii tavallisen tekstinkappaleen kirjoittamiseen. Yhteen kappaleeseen voi periaatteessa kirjoittaa pitk\u00e4tkin p\u00e4tk\u00e4t teksti\u00e4, mutta tekstin muokkaaminen my\u00f6hemmin voi olla helpompaa, jos laittaa jokaisen kappaleen omaksi lohkokseen. Lohkoa reunustavan laatikon ollessa n\u00e4kyviss\u00e4, n\u00e4et yl\u00e4reunassa valikon, jossa voit tasata tai keskitt\u00e4\u00e4 teksti\u00e4, lihavoida, kursivoida tai linkitt\u00e4\u00e4. Kolmesta p\u00e4\u00e4llekk\u00e4isest\u00e4 pisteest\u00e4 saa n\u00e4kyviin &hellip; Jatka lukemista Esimerkkej\u00e4 lohkoista &rarr;","og_url":"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/","og_site_name":"Esimerkki","article_modified_time":"2019-01-22T11:17:12+00:00","og_image":[{"url":"https:\/\/blogit.gradia.fi\/esimerkki\/wp-content\/uploads\/sites\/15\/2019\/01\/uusilohko.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Arvioitu lukuaika":"2 minuuttia"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/","url":"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/","name":"Esimerkkej\u00e4 lohkoista - Esimerkki","isPartOf":{"@id":"https:\/\/blogit.gradia.fi\/esimerkki\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/#primaryimage"},"image":{"@id":"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/#primaryimage"},"thumbnailUrl":"https:\/\/blogit.gradia.fi\/esimerkki\/wp-content\/uploads\/sites\/15\/2019\/01\/uusilohko.png","datePublished":"2019-01-16T10:35:33+00:00","dateModified":"2019-01-22T11:17:12+00:00","breadcrumb":{"@id":"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/"]}]},{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/#primaryimage","url":"https:\/\/blogit.gradia.fi\/esimerkki\/wp-content\/uploads\/sites\/15\/2019\/01\/uusilohko.png","contentUrl":"https:\/\/blogit.gradia.fi\/esimerkki\/wp-content\/uploads\/sites\/15\/2019\/01\/uusilohko.png","width":1218,"height":901,"caption":"Uuden lohkon valinta tekstieditorissa."},{"@type":"BreadcrumbList","@id":"https:\/\/blogit.gradia.fi\/esimerkki\/esimerkkeja-erilaisista-lohkoista\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blogit.gradia.fi\/esimerkki\/"},{"@type":"ListItem","position":2,"name":"Esimerkkej\u00e4 lohkoista"}]},{"@type":"WebSite","@id":"https:\/\/blogit.gradia.fi\/esimerkki\/#website","url":"https:\/\/blogit.gradia.fi\/esimerkki\/","name":"Esimerkki","description":"Gradian blogiohjesivusto","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogit.gradia.fi\/esimerkki\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false},"uagb_author_info":{"display_name":"pirita","author_link":"https:\/\/blogit.gradia.fi\/esimerkki\/author\/pirita\/"},"uagb_comment_info":0,"uagb_excerpt":"Kappale. T\u00e4m\u00e4 lohko on nimelt\u00e4\u00e4n kappale. Kappale sopii tavallisen tekstinkappaleen kirjoittamiseen. Yhteen kappaleeseen voi periaatteessa kirjoittaa pitk\u00e4tkin p\u00e4tk\u00e4t teksti\u00e4, mutta tekstin muokkaaminen my\u00f6hemmin voi olla helpompaa, jos laittaa jokaisen kappaleen omaksi lohkokseen. Lohkoa reunustavan laatikon ollessa n\u00e4kyviss\u00e4, n\u00e4et yl\u00e4reunassa valikon, jossa voit tasata tai keskitt\u00e4\u00e4 teksti\u00e4, lihavoida, kursivoida tai linkitt\u00e4\u00e4. Kolmesta p\u00e4\u00e4llekk\u00e4isest\u00e4 pisteest\u00e4 saa n\u00e4kyviin&hellip;","_links":{"self":[{"href":"https:\/\/blogit.gradia.fi\/esimerkki\/wp-json\/wp\/v2\/pages\/164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogit.gradia.fi\/esimerkki\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogit.gradia.fi\/esimerkki\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogit.gradia.fi\/esimerkki\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/blogit.gradia.fi\/esimerkki\/wp-json\/wp\/v2\/comments?post=164"}],"version-history":[{"count":8,"href":"https:\/\/blogit.gradia.fi\/esimerkki\/wp-json\/wp\/v2\/pages\/164\/revisions"}],"predecessor-version":[{"id":371,"href":"https:\/\/blogit.gradia.fi\/esimerkki\/wp-json\/wp\/v2\/pages\/164\/revisions\/371"}],"wp:attachment":[{"href":"https:\/\/blogit.gradia.fi\/esimerkki\/wp-json\/wp\/v2\/media?parent=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}