WordPressi esiletõstetud pisipiltide ja pildisuuruste täielik juhend

WordPressi esiletõstetud pisipiltide ja pildisuuruste täielik juhend

Pilt on väärt tuhat sõna --- kui seda pole sobimatult muudetud, sel juhul on see natuke piinlik. WordPress sisaldab võimsaid tööriistu piltide ja pisipiltide suuruse muutmiseks, kuid peate teadma, kuidas nendega toime tulla.





Lugege edasi kõike, mida peate teadma WordPressi pildisuuruste ja esiletõstetud piltide haldamise kohta.





PHP redigeerimine WordPressi failides

See postitus sisaldab WordPressi PHP -koodi. Enne kui soovite oma teemal muudatusi teha, võiksite lugeda meie tasuta PHP kiirkursust.





Kui te ei soovi oma teemafaile avada või ei soovi seda, sest need lähevad tulevaste teemavärskendustega kaduma, võite kasutada Minu kohandatud funktsioonid plugin, et selle asemel koodiplokke lisada.

https://en-gb.wordpress.org/plugins/my-custom-functions/



WordPressi pildi suuruse põhitõed

WordPressi administraatori juhtpaneelil teate tõenäoliselt juba Seaded > Pool.

mida teha vana sülearvutiga

Need on kolm vaikimisi pildisuurust, mida WordPress nimetab: pisipilt , keskmine ja suur . Pisipildi suurusel on spetsiaalne seade, mida tuleb kärpida täpselt siin määratud mõõtmega. See ei pea olema suhte 1: 1 mõõde-saate selle määrata nii, nagu soovite.





Kui kärpimine on lubatud, suurendatakse ja tsentreeritakse pilte, seejärel visatakse ära kõik sobimatu.

Keskmine ja suur seade toimivad teie määratlemisel pisut erinevalt maksimaalne mõõtmed nii laiuse kui ka kõrguse jaoks ning pilte vähendatakse vastavalt. Kui pilt on liiga väike, siis neid pildisuurusi ei looda.





Uue pildi üleslaadimisel salvestatakse originaal ja seda saab täissuuruses postitusse lisada ning muud registreeritud pildisuurused luuakse automaatselt.

Kohandatud pildisuuruste lisamine WordPressis

WordPressis vaikimisi määratletud kolmest suurusest ei pruugi piisata, mistõttu on teemadel ja pistikprogrammidel lubatud oma kohandatud suurused lisada. Kui teil on teemafailide redigeerimine mugav, saate seda ka teha.

Avage teemakataloog ja otsige funktsioone.php faili. Lisage järgmine kood, üks iga pildi suuruse jaoks, mida soovite määrata:

add_image_size( 'my-thumbnail', 400, 200, true);

Iga uus pildisuurus vajab nime, laiuse ja kõrguse mõõtmeid ning seda, kas pilte tuleks kärpida täpselt selle suurusega või mitte ( tõsi või vale ). Teema või vidina struktuuriosade puhul soovite üldiselt kärpida, et see paigutust ei rikuks.

Teil võib tekkida kiusatus luua palju kohandatud pildisuurusi, kuid peaksite seda tegema säästlikult. Iga teie määratletud kujutise suurus luuakse iga üleslaaditud pildi jaoks, isegi kui olete selle esiletõstetud pildiga ainult meile ette näinud.

Seega, kui teil on seitse kohandatud pildisuurust, lisaks kolm vaikesuurust, saab iga üleslaaditud pilt endast 10 väikest koopiat. Kui arvate, et ühes postituses võib olla 10 pilti, siis luuakse 100 faili ainult selle postituse jaoks.

Te ei saa kohandatud pildisuurust luua ja määrata, et seda tuleks kasutada ainult teie esiletõstetud piltide jaoks.

Isegi kui te ei kasuta enam teatud kohandatud suurust ja olete selle koodi kustutanud (või teemad muutnud), jäävad vanad pildid serverisse igaveseks. WordPress ei kustuta teie eest kasutamata pilte. Nii vanal või nii suurel saidil nagu MakeUseOf tähendab see, et mõnisada gigabaiti raisatakse piltide salvestamiseks, mida enam ei kasutata.

Väiksemate saitide puhul on Meedia puhastusvahend plugin võib aidata, kuid käivitage alati kõigepealt täielik varukoopia.

https://wordpress.org/plugins/media-cleaner/#description

Kohandatud pildisuurused kasutamiseks postituste sisus

Vaikimisi ei kuvata kohandatud pildisuurusi rippmenüüst, kui sisestate pildi postitusse. Ainus, mida seal näete, on pisipilt, keskmine, suur ja täissuurus (sõltuvalt algse pildi suurusest, kuna seda ei suurendata).

Kui soovite, et teie kohandatud suurus oleks ka loendis, vajame natuke rohkem koodi. Jällegi lisage oma funktsioone.php fail:

function image_sizes_to_mediapicker( $default_sizes ) {
return array_merge( $default_sizes, array(
'my-thumbnail' => __( 'My Thumbail Size' ),
) );
}
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );

See toimib meediumivalija loendi filtreerimise kaudu. Liidame algse suuruste loendi massiivi kõigi uute suurustega, mida soovime ka loetleda. Muutke „minu pisipilt” ja „Minu pisipildi suurus” oma kohandatud suuruseks ja inimesele loetavaks sõbralikuks nimeks, mida soovite kuvada.

Esiletõstetud pildid on üks postitusega seotud pilt, kuid pole tingimata postituse sisusse lisatud. Neid kasutavad sageli päises, esilehel või külgribal olevad teemad. Pildi suuruse osas ei kohelda neid aga tavaliste piltide suhtes erinevalt.

Iga teie määratud suuruse puhul dubleeritakse ja muudetakse üleslaaditud pildi, sealhulgas esiletõstetud pildi suurust.

kuidas Photoshopis dpi muuta

Kui te ei näe võimalust Määrake esiletõstetud pilt postituse redigeerimisekraanil on võimalik, et teie teema ei toeta seda funktsiooni. Saate toe sundida, lisades oma teemale järgmise rea funktsioone.php faili, kuid soovitan tungivalt leida hoopis uus teema.

Toetuse puudumine millelegi nii elementaarsele kui esiletõstetud piltidele viitaks mujal aegunud koodile.

add_theme_support('post-thumbnails');

Esiletõstetud pildi kasutamiseks oma teemas või pistikprogrammides kasutage the_post_thumbnail () funktsioon pildimärgendi väljastamiseks:

the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));

Funktsioonil on kaks parameetrit: otsitav nimega suurus (antud juhul 'minu pisipilt') ja kõik atribuudid, mida soovite edastada, näiteks kohandatud CSS-klass.

Kui soovite saada ainult esiletõstetud pildi tegelikku URL -i, mitte ka nõutavat HTML -i, proovige seda (selle näite keskmise pildi suuruse saamiseks):

kuidas teha omatehtud konditsioneeri
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

WordPressi pisipiltide taastamine

Iga kord, kui muudate pildi vaikimõõtmeid või loote kohandatud pildisuuruse, kehtib see ainult uus üleslaadimised. Kõik teie olemasolevad pildid jäävad esialgsetesse mõõtmetesse.

Kui soovite varem üles laaditud piltide suurust muuta, vajate pistikprogrammi. AJAXi pisipiltide taastamine võimaldab teil valida, milliseid suurusi taastada, ja hakkab teie arhiivi aeglaselt läbi vaatama.

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

Siiski on mõningaid piiranguid ja lõkse, millest peaksite teadma.

Kuigi esiletõstetud piltide suurust saab automaatselt muuta, ei saa ükski pistikprogramm postituse sisu ümber kirjutada. Näiteks kui lisasite postitusele pildi aadressil suur suurus (mis võis sel ajal olla 500 pikslit), muutes selle määratlust suur ei muuda postituse pildi suurust. See jääb 500 pikslile, kui te postitust ei muuda ja sama pilti uue suurusega uuesti ei sisesta.

Nagu mainitud, kui teil on palju pildisuurusi, genereerite palju pilte. Õnneks võimaldab pisipiltide ümberehitus seda piirata ainult esiletõstetud pilte . Kuid pidage meeles, et see kehtib ainult teie eelmise pildi kohta. Kõiki tulevasi piltide üleslaadimisi haldab WordPress, mis tähendab, et kõik pildisuurused luuakse kõige jaoks.

Nüüd oleks suurepärane aeg ka õppida JPG ja PNG erinevus et saaksite tulevikus kasutada optimaalset vormingut.

Viige oma WordPressi sait järgmisele tasemele

Kas soovite oma WordPressi teemat kohandada? Teie teema piltide, värvide ja elementide paigutuse kasutamine on peamiselt määratletud CSS-i ja HTML-iga, seega soovitame CSS-i ja HTML-i õppimiseks tutvuda nende samm-sammult õpetustega.

Ja kui teid huvitavad teemad, vaadake neid lahedaid WordPressi teemasid fotograafiaportfelli jaoks.

Kas teie WordPressi sait jookseb liiga tihti kokku? Kas maksate liiga palju? Lülituge tuntud hostimisteenusele nagu InMotion Hosting (spetsiaalne MakeUseOfi allahindlus seda linki ) või Bluehost (eriline MakeUseOfi allahindlus koos seda linki ).

Jaga Jaga Piiksuma E -post Siin on põhjus, miks FBI andis hoiatuse taru lunavara eest

FBI andis hoiatuse eriti vastiku lunavara tüve eest. Siin on põhjus, miks peate Hive lunavara suhtes eriti ettevaatlik olema.

Loe edasi
Seotud teemad
  • Programmeerimine
  • Wordpress
Autori kohta James Bruce(Avaldatud 707 artiklit)

Jamesil on tehisintellekti bakalaureusekraad ning ta on CompTIA A+ ja Network+ sertifikaadiga. Kui ta pole riistvara ülevaadete redaktorina hõivatud, naudib ta LEGO, VR ja lauamänge. Enne MakeUseOfiga liitumist oli ta valgustehnik, inglise keele õpetaja ja andmekeskuse insener.

Veel James Bruce'ilt

Telli meie uudiskiri

Liituge meie uudiskirjaga, et saada tehnilisi näpunäiteid, ülevaateid, tasuta e -raamatuid ja eksklusiivseid pakkumisi!

Tellimiseks klõpsake siin