{"id":227110,"date":"2022-09-06T18:01:00","date_gmt":"2022-09-06T15:01:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227110"},"modified":"2022-11-09T02:30:56","modified_gmt":"2022-11-08T23:30:56","slug":"wordpress-suositeltu-kuva-mikae-se-on-ja-miten-se-lisaetaeaen","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/wordpress-suositeltu-kuva-mikae-se-on-ja-miten-se-lisaetaeaen\/","title":{"rendered":"WordPress-suositeltu kuva: mik\u00e4 se on ja miten se lis\u00e4t\u00e4\u00e4n"},"content":{"rendered":"\n

N\u00e4et sen kaikkialla, mutta et tied\u00e4 siit\u00e4 paljoa. Se on WordPress-suositeltu kuva. Katsotaanpa siit\u00e4 lis\u00e4\u00e4.<\/p>\n

Tied\u00e4t varmasti, ett\u00e4 jokainen fyysinen lehti riippuu kuvista. Ennen kuin n\u00e4m\u00e4 lehdet tulivat verkkoon, toimittajat k\u00e4yttiv\u00e4t visuaalista mediaa varmistaakseen, ett\u00e4 ihmiset houkutellaan lukemaan tarinoita.<\/p>\n

Ennen kuin alat edes kyseenalaistaa kuvien t\u00e4rkeytt\u00e4, kysy itselt\u00e4si, kuinka paljon haluaisit suosikkilehte\u00e4si ilman sit\u00e4? Olisitko yht\u00e4 kiinnostunut kuin nyt, jos suosikkiautostasi, ruoastasi tai muodistasi ei olisi kuvia?<\/p>\n

WordPressin suositeltu kuva on melko suosittu ominaisuus, ja useimmat t\u00e4m\u00e4n p\u00e4iv\u00e4n teemot tukevat pikkukuvaa tai suositeltuja kuvia, kun lis\u00e4\u00e4t julkaisua. Esitellyn kuvan tavoitteena on n\u00e4ytt\u00e4\u00e4 viestin tai sivun sis\u00e4lt\u00f6 tai teema.<\/p>\n

Hyv\u00e4lle esittelykuvalle on useita muuttujia. Esimerkiksi WordPressiss\u00e4 esitellylle kuvalle ei ole ennalta m\u00e4\u00e4ritetty\u00e4 parasta kokoa, joten se riippuu tapauksestasi. WordPressin pikkukuvan koon tulee my\u00f6s olla riitt\u00e4v\u00e4, jotta kuva n\u00e4kyy oikein, ja k\u00e4ytt\u00e4jien pit\u00e4isi pysty\u00e4 n\u00e4kem\u00e4\u00e4n pikkukuvasta, mik\u00e4 kuva on.<\/p>\n

Esittelyss\u00e4 on yleens\u00e4 yksi kuva, ja sit\u00e4 k\u00e4ytet\u00e4\u00e4n parantamaan sivustosi esityst\u00e4. Alta n\u00e4et, kuinka voit lis\u00e4t\u00e4 pikkukuvan tai esitellyn kuvan, kuinka muuttaa esittelykuvan kokoa WordPressiss\u00e4 jne.<\/p>\n

Mik\u00e4 on esittelykuva?<\/strong><\/h3>\n

Vaikka saatat olla taipuvainen ajattelemaan, ett\u00e4 t\u00e4m\u00e4 on vain yksi mediatiedosto, pikkukuvaviestin kuva ansaitsee erityist\u00e4 huomiota, sill\u00e4 sit\u00e4 k\u00e4ytet\u00e4\u00e4n vierailijoiden huomion kiinnitt\u00e4miseen. T\u00e4t\u00e4 k\u00e4yt\u00e4t houkutellaksesi ihmisi\u00e4 lukemaan tarinoitasi sek\u00e4 parantamaan blogisi visuaalista laatua. Ja sill\u00e4 on my\u00f6s melko ratkaiseva rooli sosiaalisen median jakamisessa. Siksi t\u00e4m\u00e4n kuvan merkityst\u00e4 ei pid\u00e4 unohtaa.<\/p>\n

Huomaat, ett\u00e4 ei niin kauan sitten monilla suosituilla WordPress-teemoilla ei ollut tukea esittelykuvalle, eik\u00e4 se ollut niin yksinkertaista kuin saada WordPress saamaan suosikkikuvasi ja laittaa se viestiisi. Jopa ne harvat, jotka olivat esitellyt kuvia, kohtasivat yleens\u00e4 ongelmia, kuten WordPressin esittelykuvan n\u00e4ytt\u00e4m\u00e4tt\u00e4 j\u00e4tt\u00e4minen jne. Ajat ovat kuitenkin muuttuneet, ja useimmat verkossa saatavilla olevista teemoista ovat valmiita esittelykuville.<\/p>\n

Miss\u00e4 ne n\u00e4kyv\u00e4t sivustollasi?<\/strong><\/h3>\n

\"WordPress-suositeltu<\/a><\/p>\n

Esitellyt kuvat el\u00e4v\u00e4t yleens\u00e4 etusivusi valokeilassa. Ne ovat pikkukuvia, jotka edustavat koko viesti\u00e4, ja ne linkitt\u00e4v\u00e4t yleens\u00e4 suoraan viestiin. Kun valitset esitellyn kuvan, m\u00e4\u00e4rit\u00e4t tarinasi koko s\u00e4vyn. Ja aivan kuten hyv\u00e4 valokuva saattaa houkutella vierailijan lukemaan koko postauksen, huono kuva voi lyk\u00e4t\u00e4 h\u00e4net kokonaan.<\/p>\n

Samat esitellyt kuvat n\u00e4kyv\u00e4t yleens\u00e4 yksitt\u00e4isten viestien yl\u00e4osassa, samoin kuin sivujen ja mukautettujen viestityyppien yl\u00e4osassa WordPressiss\u00e4. Riippuen siit\u00e4, mit\u00e4 teemaa k\u00e4yt\u00e4t, suositeltu kuva voi n\u00e4ky\u00e4 hieman otsikon alapuolella tai yl\u00e4puolella. WordPress-suositeltujen kuvien koko riippuu my\u00f6s teemasta, ja se on yleens\u00e4 yksityiskohtien parissa ty\u00f6skentelev\u00e4n kehitt\u00e4j\u00e4n p\u00e4\u00e4tett\u00e4viss\u00e4.<\/p>\n

Nyt, j\u00e4lleen teemasta riippuen, olet saattanut esitell\u00e4 kuvia muualla. Jos sinulla on esimerkiksi viimeisimm\u00e4t viestit -widget, se saattaa n\u00e4ytt\u00e4\u00e4 viestien pikkukuvat tyylin lis\u00e4\u00e4miseksi ja huomion her\u00e4tt\u00e4miseksi. Jotkut jopa n\u00e4ytt\u00e4v\u00e4t kuvat j\u00e4rjestelm\u00e4nvalvojan sivuilla m\u00e4\u00e4ritettyjen viestien vieress\u00e4.<\/p>\n

Katsotaanpa muutamia suositeltujen kuvien vinkkej\u00e4 ja temppuja.<\/p>\n

Kuinka n\u00e4yt\u00e4t suositeltuja kuvia yksitt\u00e4isiss\u00e4 viesteiss\u00e4?<\/strong><\/h3>\n

Sinun on l\u00f6ydett\u00e4v\u00e4 teematiedosto, joka tekee yksitt\u00e4iset, yksitt\u00e4iset viestit. T\u00e4t\u00e4 tiedostoa kutsutaan yleisesti nimell\u00e4 single.php.<\/strong> Sen sis\u00e4ll\u00e4 on while()<\/strong> -silmukka, lis\u00e4\u00e4 siihen seuraava koodi:<\/p>\n

<?php if( has_post_thumbnail() ): echo get_the_post_thumbnail(); endif; ?><\/code><\/p>\n

T\u00e4m\u00e4 koodi tarkistaa, onko viestiss\u00e4 tai sivulla kuva, ja k\u00e4ytt\u00e4\u00e4 sitten "get_the_post_thumbnail()"-funktiota sen tulostamiseen. Silmukan pit\u00e4isi n\u00e4ytt\u00e4\u00e4 t\u00e4lt\u00e4, kun olet integroinut uuden koodin:<\/p>\n

<?php while (have_posts() ): the_post(); if( has_post_thumbnail() ): echo get_the_post_thumbnail(); endif; endwhile; ?><\/code><\/p>\n

Kuinka lis\u00e4\u00e4t esittelykuvan?<\/h3>\n

\"WordPress-suositeltu<\/a><\/p>\n

T\u00e4m\u00e4 on melko yksinkertaista. On sis\u00e4\u00e4nrakennettu vaihtoehto tehd\u00e4 WordPress-n\u00e4yt\u00f6ss\u00e4 esitelty kuva, ja se on n\u00e4yt\u00f6n oikealla puolella. Jos et n\u00e4e sit\u00e4, varmista, ett\u00e4 olet valinnut "Suositeltu kuva" -ruudun "N\u00e4ytt\u00f6asetukset"-v\u00e4lilehdest\u00e4 oikeassa yl\u00e4kulmassa.<\/p>\n

Tuoreella sivustolla Suositeltu kuva -v\u00e4lilehti on oikean sivupalkin alareunassa. Napsauta vain "Aseta suositeltu kuva" -linkki\u00e4, ja uusi ikkuna avautuu, mediakirjastosi. Valitse vain mik\u00e4 tahansa verkkosivustollasi jo oleva kuva tai lataa uusi kuva tietokoneeltasi vet\u00e4m\u00e4ll\u00e4 ja pudottamalla. Kun olet tehnyt valintasi, napsauta "Aseta suositeltu kuva".<\/p>\n

Miten suositeltu kuva poistetaan?<\/h3>\n

Kun haluat poistaa suositellun kuvan, avaa vain teksti tai kuvank\u00e4sittelyohjelma ja napsauta Suositeltu kuva -moduulin X-kuvaketta. Jos poistat sen, mukautettu otsikkokuvasi n\u00e4ytet\u00e4\u00e4n sen sijaan.<\/p>\n

Vaihtoehtoiset esittelykuvat<\/h3>\n

Suositeltujen otsikkokuvien lis\u00e4ksi monet teemat tarjoavat tukea my\u00f6s vaihtoehtoisille esittelykuville. N\u00e4it\u00e4 voivat olla esimerkiksi viestien pikkukuvat, diaesitykset ja jopa kuvat, jotka on liitetty suositeltuihin viesteihin.<\/p>\n

Mutta ent\u00e4 jos valitsemassasi teemassa ei ole esittelykuvavaihtoehtoa?<\/h3>\n

Vaikka, kuten aiemmin mainittiin, useimmat teemat ovat valmiita esittelykuville, l\u00f6yd\u00e4t sielt\u00e4 t\u00e4\u00e4lt\u00e4 omituisen, joka ei tarjoa t\u00e4llaista ominaisuutta. On olemassa muita tapoja lis\u00e4t\u00e4 sellainen, joko manuaalisesti tai liit\u00e4nn\u00e4ll\u00e4. Alla n\u00e4et, kuinka se tehd\u00e4\u00e4n mill\u00e4 tahansa n\u00e4ist\u00e4 tavoista. Alla mainitut laajennukset ovat uskomattomia, ja voit jopa k\u00e4ytt\u00e4\u00e4 niit\u00e4 antamaan WordPressin k\u00e4sitell\u00e4 esiteltyj\u00e4 kuvia automaattisesti.<\/p>\n

K\u00e4sin tekeminen<\/h3>\n

Jos haluat tehd\u00e4 asioita k\u00e4sin, asiat ovat melko yksinkertaisia. Siirry teemasi functions.php<\/strong> – tiedostoon ja lis\u00e4\u00e4 alla oleva koodi:<\/p>\n

function mytheme_post_thumbnails() { add_theme_support( 'post-thumbnails' ); } add_action( 'after_setup_theme', 'mytheme_post_thumbnails' );<\/code><\/p>\n

Ja olet melko valmis.<\/p>\n

Ent\u00e4 lis\u00e4osien k\u00e4ytt\u00e4minen t\u00e4h\u00e4n?<\/h3>\n

Kaksi lis\u00e4osaa, joita voit k\u00e4ytt\u00e4\u00e4, ovat Dynamic Featured Image ja Quick Featured Images. Katsotaanpa niit\u00e4 molempia.<\/p>\n

Dynaaminen Suositeltu kuva<\/a><\/h4>\n

\"WordPress-suositeltu<\/a><\/p>\n

Kun ottaa huomioon sen tosiasian, ett\u00e4 t\u00e4ll\u00e4 laajennuksella on yli 70 tuhatta aktiivista k\u00e4ytt\u00e4j\u00e4\u00e4, on selv\u00e4\u00e4, ett\u00e4 monet teemat vaativat viel\u00e4 hieman ylim\u00e4\u00e4r\u00e4ist\u00e4 huolenpitoa, kun keskustelemme julkaisujen pikkukuvista. T\u00e4m\u00e4n laajennuksen avulla voit lis\u00e4t\u00e4 useita kuvia, joten sinun ei en\u00e4\u00e4 tarvitse olla riippuvainen vain yhdest\u00e4, joka on yleisesti saatavilla. Laajennus valmistelee kuvat ja antaa my\u00f6s muiden teematoimintojen k\u00e4ytt\u00e4\u00e4 niit\u00e4 tarvittaessa ilman, ett\u00e4 sinun tarvitsee tehd\u00e4 mit\u00e4\u00e4n.<\/p>\n

T\u00e4m\u00e4 on erinomainen valinta, kun haluat ty\u00f6skennell\u00e4 muiden lis\u00e4osien kanssa, jotka tarvitsevat suositeltuja kuvia sek\u00e4 liukus\u00e4\u00e4timi\u00e4, jotka n\u00e4ytt\u00e4v\u00e4t ne k\u00e4ytt\u00e4jillesi. Ja siell\u00e4 on my\u00f6s premium-versio, jos haluat lis\u00e4t\u00e4 my\u00f6s muutamia muita toimintoja.<\/p>\n

Pikakuvat<\/a><\/h4>\n

\"WordPress-suositeltu<\/a><\/p>\n

Quick Featured Images on eritt\u00e4in yksinkertainen. Siit\u00e4 hetkest\u00e4 l\u00e4htien, kun asennat sen, voit siirty\u00e4 eteenp\u00e4in ja laittaa kaiken automaattiohjaukseen. Sen avulla voit asettaa oletuskuvan, joten aina kun unohdat asettaa sellaisen, se palauttaa oletuspikkukuvan. Sen avulla voit my\u00f6s poistaa tai korvata kuvia useista valituista viesteist\u00e4 kerralla.<\/p>\n

Ja lis\u00e4ksi on mahdollisuus lis\u00e4t\u00e4 kuva lajiteltavaan kuvasarakkeeseen, sivuluetteloihin, viestit ja mukautetut viestityypit. L\u00f6yd\u00e4t my\u00f6s suodattimia ja s\u00e4\u00e4nt\u00f6j\u00e4, joilla voit muokata tapaa, jolla sivustosi k\u00e4sittelee julkaisujen pikkukuvia. Ja mik\u00e4 parasta \u2013 se on ilmainen!<\/p>\n

Lopettaa ajatukset WordPress-kuvasta<\/h3>\n

Suositellut kuvat ovat t\u00e4rkeimpi\u00e4 blogissasi olevia mediatiedostoja. Siksi niiden n\u00e4ytt\u00e4minen hyvilt\u00e4 on t\u00e4rke\u00e4mp\u00e4\u00e4 kuin luuletkaan. Toki, hienosti luotu tietokonekuva tai kaunis valokuva on olennaista, joten sinun pit\u00e4isi todella tehd\u00e4 siit\u00e4, ett\u00e4 se n\u00e4ytt\u00e4\u00e4 mahdollisimman hyv\u00e4lt\u00e4.<\/p>\n

Onneksi sinun ei tarvitse olla kehitt\u00e4j\u00e4 tai omaa t\u00e4ydellist\u00e4 ymm\u00e4rryst\u00e4 WordPressin kuvank\u00e4sittelyst\u00e4 t\u00e4t\u00e4 varten. Tarvitset vain pienen koodinp\u00e4tk\u00e4n tai yksinkertaisen laajennuksen, ja toivomme, ett\u00e4 yll\u00e4 oleva opas auttaa t\u00e4ss\u00e4.<\/p>\n

Jos pidit t\u00e4m\u00e4n artikkelin lukemisesta WordPress-kuvan lis\u00e4\u00e4misest\u00e4, sinun kannattaa tutustua t\u00e4h\u00e4n artikkeliin WordPressin nollaamisesta<\/a>.<\/p>\n

Kirjoitimme my\u00f6s muutamista aiheeseen liittyvist\u00e4 aiheista, kuten kuinka muokata WordPressin k\u00e4ytt\u00e4j\u00e4rooleja<\/a>, kuinka kopioida sivu WordPressiss\u00e4<\/a>, miten muokata HTML:\u00e4\u00e4 WordPressiss\u00e4<\/a>, kuinka upottaa videoita WordPressiin<\/a>, kuinka muuttaa WordPressin URL<\/a> -osoitetta ja kuinka lis\u00e4t\u00e4 JavaScript WordPressiin<\/a>.<\/p>\n

: wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

WordPress-suositeltu kuva on melko suosittu ominaisuus, ja useimmat t\u00e4m\u00e4n p\u00e4iv\u00e4n teemot tukevat sit\u00e4, kun lis\u00e4\u00e4t julkaisua.<\/p>\n","protected":false},"author":1,"featured_media":196795,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[834,843,864],"tags":[1166],"class_list":["post-227110","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-opas-aloittelijoille","category-opetusohjelmia","category-wordpress-5","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/227110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=227110"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/227110\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/196795"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=227110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=227110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=227110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}