WordPressiss\u00e4 on sis\u00e4\u00e4nrakennettu ominaisuuspostin pikkukuva eli esill\u00e4 oleva kuva. Aina kun uusi kuva ladataan WordPressiin medialatausohjelman kautta, luodaan 3 erilaista kuvakokoa.<\/p>\n
J\u00e4rjestelm\u00e4nvalvoja voi rekister\u00f6id\u00e4 kuville 3 kokoa Asetukset-> Media<\/strong> -sivulta.<\/p>\n Kuten kuvakaappauksesta n\u00e4kyy, pikkukuvan koko, keskikoko ja suuri koko rekister\u00f6id\u00e4\u00e4n. Kun l\u00e4het\u00e4mme uuden kuvan, 3 kuvaa, joiden mitat ovat edell\u00e4 m\u00e4\u00e4ritellyt, luodaan suhteessa. Jos valitsemme vaihtoehdon ’Rajaa pikkukuva tarkkoihin mittoihin (normaalisti pikkukuvat ovat verrannollisia)’ ’Pikkukuvan koko’ -kohdassa, kuva on vaikea rajata m\u00e4\u00e4ritettyyn kokoon.<\/p>\n Kaiken kaikkiaan 3 oletuskokoa WordPress antaa meille mahdollisuuden Media-asetuksista. Ent\u00e4 jos meid\u00e4n on rekister\u00f6it\u00e4v\u00e4 viel\u00e4 yksi koko l\u00e4hetetylle kuvalle? Joissakin tapauksissa meid\u00e4n on n\u00e4ytett\u00e4v\u00e4 kuvat tarkalla leveydell\u00e4 ja korkeudella.<\/p>\n No, voimme tehd\u00e4 t\u00e4m\u00e4n muutamalla koodirivill\u00e4.<\/p>\n WordPress tarjoaa toiminnon, T\u00e4m\u00e4n menetelm\u00e4n k\u00e4ytt\u00e4miseksi meid\u00e4n tulisi lis\u00e4t\u00e4 tukea pikkukuville. Lis\u00e4\u00e4 alla oleva koodi Jos v\u00e4lit\u00e4mme nelj\u00e4nnen parametrin tosi, kuva on vaikea rajata. Jos v\u00e4lit\u00e4mme v\u00e4\u00e4r\u00e4n, kuva rajataan suhteellisesti.<\/p>\n Esimerkkikoodi olisi seuraava.<\/p>\n Varmista, ett\u00e4 et k\u00e4yt\u00e4 varattuja nimi\u00e4 yll\u00e4 olevassa toiminnossa. Varatut nimet ovat ’peukalo’, ’pikkukuva’, ’keskikokoinen’, ’suuri’, ’pikkukuvan j\u00e4lkeinen’.<\/p>\n Joten lopullinen koodimme on seuraava.<\/p>\n Kun olet lis\u00e4nnyt yll\u00e4 olevan koodin toiminnoihisi.php, jokainen uusi mediatiedostojen kautta ladattu kuva luo kaksi ylim\u00e4\u00e4r\u00e4ist\u00e4 pikkukuvaa.<\/p>\n Olemme lis\u00e4nneet koodin ylim\u00e4\u00e4r\u00e4isille kuvakokoille. N\u00e4iden kuvien n\u00e4ytt\u00e4miseksi voit k\u00e4ytt\u00e4\u00e4 alla olevaa koodia.<\/p>\n Yll\u00e4 olevan koodin tulee k\u00e4ytt\u00e4\u00e4 postisilmukkaa. Jos haluat k\u00e4ytt\u00e4\u00e4 sit\u00e4 silmukan ulkopuolella, koodi on:<\/p>\n Kun olet aktivoinut laajennuksen, siirry kohtaan Ty\u00f6kalut-> Regen. Pikkukuvat<\/strong>. Napsauta Regenerate All Thumbnails -painiketta.<\/p>\n Voit my\u00f6s luoda m\u00e4\u00e4ritetyn kuvan pikkukuvan uudelleen. Alla on sen vaiheet.<\/p>\n Toivomme, ett\u00e4 ymm\u00e4rr\u00e4t mukautettujen kuvakokojen rekister\u00f6innin ja muuttaa olemassa olevien kuvien kokoa. Jos sinulla on kysytt\u00e4v\u00e4\u00e4 tai ehdotuksia, j\u00e4t\u00e4 kommentti alla.<\/p>\nOletuskuvan koko<\/h3>\n
Rekister\u00f6i pikkukuvien uusi kuvakoko<\/h3>\n
add_image_size()<\/code>joka auttaa rekister\u00f6im\u00e4\u00e4n uuden post_thumbnail-koon.<\/p>\nfunctions.php<\/code>tiedostoon.<\/p>\nadd_theme_support( 'post-thumbnails' );<\/code><\/pre>\nadd_image_size()<\/code> menetelm\u00e4ll\u00e4 on 4 t\u00e4llaista parametria: add_image_size (’koon nimi’, leveys, korkeus, rajaustila);<\/p>\nadd_image_size('hard-crop-thumb', 120, 120, true ); \/\/ Hard Crop Mode\nadd_image_size('soft-crop-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/code><\/pre>\nadd_theme_support( 'post-thumbnails' );\nadd_image_size('hard-crop-thumb', 120, 120, true ); \/\/ Hard Crop Mode\nadd_image_size('soft-crop-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/code><\/pre>\nKuinka k\u00e4ytt\u00e4\u00e4 sit\u00e4?<\/h3>\n
<?php the_post_thumbnail( 'your-specified-image-size-name' ); ?><\/code><\/pre>\n<?php get_the_post_thumbnail('YOUR_POST_ID', 'your-specified-image-size-name'); ?><\/code><\/pre>\nMiksi regeneroida pikkukuvia tulisi k\u00e4ytt\u00e4\u00e4?<\/h3>\n
add_image_size()<\/code>toiminto rekister\u00f6i uudet pienoiskuvat uusille kuville, ei vanhoille kuville, jotka on jo ladattu j\u00e4rjestelm\u00e4\u00e4n. Jos haluat muuntaa vanhat kuvat, asenna laajennus Regenerate Thumbnails<\/a> ja aktivoi se.<\/p>\n\n
Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n