{"id":1133,"date":"2013-03-15T18:19:23","date_gmt":"2013-03-15T23:19:23","guid":{"rendered":"http:\/\/wptest.io\/demo\/?page_id=1080"},"modified":"2013-03-15T18:19:23","modified_gmt":"2013-03-15T23:19:23","slug":"page-image-alignment","status":"publish","type":"page","link":"https:\/\/en.passengereye.com\/fi\/features\/page-image-alignment\/","title":{"rendered":"Sivun kuvan kohdistus"},"content":{"rendered":"<p>Tervetuloa kuvien kohdistamiseen! Paras tapa havainnollistaa eri kuvien sijoitteluvaihtoehtoja on sijoittaa ne mukavasti sanojen valtameren keskelle. Tartu melaan ja aloitetaan.<\/p>\n<p>Kohdistamisen osalta on huomattava, ett\u00e4 k\u00e4ytt\u00e4j\u00e4t voivat valita seuraavista vaihtoehdoista\u00a0<em>Ei ole<\/em>,\u00a0<em>Vasen<\/em>,\u00a0<em>Aivan, <\/em>ja\u00a0<em>Keskusta<\/em>. Lis\u00e4ksi he saavat my\u00f6s seuraavat vaihtoehdot\u00a0<em>Pienoiskuva<\/em>,\u00a0<em>Medium<\/em>,\u00a0<em>Suuri<\/em>\u00a0&amp;\u00a0<em>Fullsize<\/em>.<\/p>\n<p style=\"text-align:center;\"><img loading=\"lazy\" class=\"size-full wp-image-906 aligncenter\" title=\"Kuvan kohdistus 580x300\" alt=\"Image Alignment 580x300\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-580x300.jpg\" width=\"580\" height=\"300\" \/><\/p>\n<p>Yll\u00e4 oleva kuva sattuu olemaan\u00a0<em><strong>keskitetty<\/strong><\/em>.<\/p>\n<p><strong><img loading=\"lazy\" class=\"size-full wp-image-904 alignleft\" title=\"Kuvan kohdistus 150x150\" alt=\"Image Alignment 150x150\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-150x150.jpg\" width=\"150\" height=\"150\" \/><\/strong>Loppuosa t\u00e4st\u00e4 kappaleesta on t\u00e4ytett\u00e4, jotta n\u00e4emme tekstin kiertyv\u00e4n 150\u00d7150-kokoisen kuvan ymp\u00e4rille, joka on <em><strong>vasemmalle tasattu<\/strong><\/em>.\u00a0<strong><\/strong><\/p>\n<p>Kuten n\u00e4et, kuvan yl\u00e4-, alapuolella ja oikealla puolella pit\u00e4isi olla tilaa. Tekstin ei pit\u00e4isi hiipi\u00e4 kuvan p\u00e4\u00e4lle. Hiipiminen ei ole oikein. My\u00f6s kuvat tarvitsevat tilaa hengitt\u00e4\u00e4. Anna niiden puhua kuten sanojenkin. Anna niiden tehd\u00e4 ty\u00f6ns\u00e4 ilman, ett\u00e4 teksti h\u00e4iritsee niit\u00e4. Viel\u00e4 noin yhden lauseen verran t\u00e4ss\u00e4, niin n\u00e4emme, ett\u00e4 teksti siirtyy kuvan oikealta puolelta saumattomasti kuvan alle. J\u00e4lleen kerran, annamme tekstin tehd\u00e4 ty\u00f6ns\u00e4. Teht\u00e4v\u00e4 suoritettu!<\/p>\n<p>Ja nyt <em><strong>massiivisen suuri kuva<\/strong><\/em>. Se on my\u00f6s <em><strong>ei kohdistusta<\/strong><\/em>.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone  wp-image-907\" title=\"Kuvan kohdistus 1200x400\" alt=\"Image Alignment 1200x400\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-1200x4002.jpg\" width=\"1200\" height=\"400\" \/><\/p>\n<p>Vaikka yll\u00e4 oleva kuva on 1200 pikseli\u00e4 leve\u00e4, sen ei pit\u00e4isi ylitt\u00e4\u00e4 sis\u00e4lt\u00f6aluetta. Sen pit\u00e4isi pysy\u00e4 sis\u00e4ll\u00f6ss\u00e4 ilman n\u00e4kyvi\u00e4 h\u00e4iri\u00f6it\u00e4 sis\u00e4ll\u00f6n kulussa.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-905 alignright\" title=\"Kuvan kohdistus 300x200\" alt=\"Image Alignment 300x200\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-300x200.jpg\" width=\"300\" height=\"200\" \/><\/p>\n<p>Ja nyt siirrymme k\u00e4sittelem\u00e4\u00e4n asioita <em><strong>kohdista oikealle<\/strong><\/em>. Kuvan yl\u00e4puolella, alapuolella ja vasemmalla puolella on oltava runsaasti tilaa. Katsokaa h\u00e4nt\u00e4 tuolla... Hei kaveri! Tapa rokata tuota oikeaa puolta. En v\u00e4lit\u00e4 mit\u00e4 vasemmalle kohdistettu kuva sanoo, n\u00e4yt\u00e4t hyv\u00e4lt\u00e4. \u00c4l\u00e4 anna kenenk\u00e4\u00e4n muun v\u00e4itt\u00e4\u00e4 muuta.<\/p>\n<p>Hetken kuluttua tekstin pit\u00e4isi alkaa kierty\u00e4 oikealle tasatun kuvan alle ja asettua kauniisti. Tilaa pit\u00e4isi olla viel\u00e4 runsaasti, ja kaiken pit\u00e4isi istua kauniisti. Joo... Juuri noin. Ei ole koskaan tuntunut n\u00e4in hyv\u00e4lt\u00e4 olla oikeassa.<\/p>\n<p>Ja juuri kun luulit, ett\u00e4 olemme valmiita, teemme ne kaikki uudelleen kuvatekstien kera!<\/p>\n<div id=\"attachment_906\" style=\"width: 590px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-906\" loading=\"lazy\" class=\"size-full wp-image-906\" title=\"Kuvan kohdistus 580x300\" alt=\"Image Alignment 580x300\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-580x300.jpg\" width=\"580\" height=\"300\" \/><p id=\"caption-attachment-906\" class=\"wp-caption-text\">Katsokaa 580\u00d7300 saada joitakin <a title=\"Kuva-asetukset\" href=\"http:\/\/en.support.wordpress.com\/images\/image-settings\/\">kuvateksti<\/a> rakkaus.<\/p><\/div>\n<p>Yll\u00e4 oleva kuva sattuu olemaan\u00a0<em><strong>keskitetty<\/strong><\/em>. Kuvatekstiss\u00e4 on my\u00f6s linkki, jotta n\u00e4hd\u00e4\u00e4n, tekeek\u00f6 se jotain outoa.<\/p>\n<div id=\"attachment_904\" style=\"width: 160px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-904\" loading=\"lazy\" class=\"size-full wp-image-904\" title=\"Kuvan kohdistus 150x150\" alt=\"Image Alignment 150x150\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-150x150.jpg\" width=\"150\" height=\"150\" \/><p id=\"caption-attachment-904\" class=\"wp-caption-text\">Pikkuruinen kuvateksti.<\/p><\/div>\n<p><strong><\/strong>Loppuosa t\u00e4st\u00e4 kappaleesta on t\u00e4ytett\u00e4, jotta n\u00e4emme tekstin kiertyv\u00e4n 150\u00d7150-kokoisen kuvan ymp\u00e4rille, joka on <em><strong>vasemmalle tasattu<\/strong><\/em>.\u00a0<strong><\/strong><\/p>\n<p>Kuten n\u00e4et, kuvan yl\u00e4-, alapuolella ja oikealla puolella pit\u00e4isi olla tilaa. Tekstin ei pit\u00e4isi hiipi\u00e4 kuvan p\u00e4\u00e4lle. Hiipiminen ei ole oikein. My\u00f6s kuvat tarvitsevat tilaa hengitt\u00e4\u00e4. Anna niiden puhua kuten sanojenkin. Anna niiden tehd\u00e4 ty\u00f6ns\u00e4 ilman, ett\u00e4 teksti h\u00e4iritsee niit\u00e4. Viel\u00e4 noin yhden lauseen verran t\u00e4ss\u00e4, niin n\u00e4emme, ett\u00e4 teksti siirtyy kuvan oikealta puolelta saumattomasti kuvan alle. J\u00e4lleen kerran, annamme tekstin tehd\u00e4 ty\u00f6ns\u00e4. Teht\u00e4v\u00e4 suoritettu!<\/p>\n<p>Ja nyt <em><strong>massiivisen suuri kuva<\/strong><\/em>. Se on my\u00f6s <em><strong>ei kohdistusta<\/strong><\/em>.<\/p>\n<div id=\"attachment_907\" style=\"width: 1210px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-907\" loading=\"lazy\" class=\"wp-image-907\" title=\"Kuvan kohdistus 1200x400\" alt=\"Image Alignment 1200x400\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-1200x4002.jpg\" width=\"1200\" height=\"400\" \/><p id=\"caption-attachment-907\" class=\"wp-caption-text\">Massiivinen kuvakommentti silm\u00e4munille.<\/p><\/div>\n<p>Vaikka yll\u00e4 oleva kuva on 1200 pikseli\u00e4 leve\u00e4, sen ei pit\u00e4isi ylitt\u00e4\u00e4 sis\u00e4lt\u00f6aluetta. Sen pit\u00e4isi pysy\u00e4 sis\u00e4ll\u00f6ss\u00e4 ilman n\u00e4kyvi\u00e4 h\u00e4iri\u00f6it\u00e4 sis\u00e4ll\u00f6n kulussa.<\/p>\n<div id=\"attachment_905\" style=\"width: 310px\" class=\"wp-caption alignright\"><img aria-describedby=\"caption-attachment-905\" loading=\"lazy\" class=\"size-full wp-image-905\" title=\"Kuvan kohdistus 300x200\" alt=\"Image Alignment 300x200\" src=\"http:\/\/demo.leafcolor.com\/applay\/wp-content\/uploads\/2013\/03\/image-alignment-300x200.jpg\" width=\"300\" height=\"200\" \/><p id=\"caption-attachment-905\" class=\"wp-caption-text\">Tuntuu hyv\u00e4lt\u00e4 olla koko ajan oikeassa.<\/p><\/div>\n<p>Ja nyt siirrymme k\u00e4sittelem\u00e4\u00e4n asioita <em><strong>kohdista oikealle<\/strong><\/em>. Kuvan yl\u00e4puolella, alapuolella ja vasemmalla puolella on oltava runsaasti tilaa. Katsokaa h\u00e4nt\u00e4 tuolla... Hei kaveri! Tapa rokata tuota oikeaa puolta. En v\u00e4lit\u00e4 mit\u00e4 vasemmalle kohdistettu kuva sanoo, n\u00e4yt\u00e4t hyv\u00e4lt\u00e4. \u00c4l\u00e4 anna kenenk\u00e4\u00e4n muun v\u00e4itt\u00e4\u00e4 muuta.<\/p>\n<p>Hetken kuluttua tekstin pit\u00e4isi alkaa kierty\u00e4 oikealle tasatun kuvan alle ja asettua kauniisti. Tilaa pit\u00e4isi olla viel\u00e4 runsaasti, ja kaiken pit\u00e4isi istua kauniisti. Joo... Juuri noin. Ei ole koskaan tuntunut n\u00e4in hyv\u00e4lt\u00e4 olla oikeassa.<\/p>\n<p>Ja se on paketissa, yo! Selvisit yhdenmukaistamisen myrskyisist\u00e4 vesist\u00e4. Kuvan kohdistus saavutus avattu!<\/p>","protected":false},"excerpt":{"rendered":"<p>Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let&#8217;s get [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":12,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/en.passengereye.com\/fi\/wp-json\/wp\/v2\/pages\/1133"}],"collection":[{"href":"https:\/\/en.passengereye.com\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/en.passengereye.com\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/fi\/wp-json\/wp\/v2\/comments?post=1133"}],"version-history":[{"count":0,"href":"https:\/\/en.passengereye.com\/fi\/wp-json\/wp\/v2\/pages\/1133\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/fi\/wp-json\/wp\/v2\/pages\/12"}],"wp:attachment":[{"href":"https:\/\/en.passengereye.com\/fi\/wp-json\/wp\/v2\/media?parent=1133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}