Täydellinen opas esillä oleviin pikkukuviin ja kuvakooihin WordPressissä

Täydellinen opas esillä oleviin pikkukuviin ja kuvakooihin WordPressissä

Kuva on tuhannen sanan arvoinen --- ellei sen kokoa ole muutettu sopimattomasti, jolloin se on hieman kiusallista. WordPress sisältää tehokkaita työkaluja kuvien ja pikkukuvien koon muuttamiseen, mutta sinun on tiedettävä, miten käsitellä niitä.





Lue kaikki, mitä sinun tarvitsee tietää WordPressin kuvakoosta ja esillä olevien kuvien hallinnasta.





PHP: n muokkaaminen WordPress -tiedostoissa

Tämä viesti sisältää WordPressin PHP -koodin. Haluat ehkä lukea ilmaisen PHP -kurssimme ennen kuin teet muutoksia aiheeseen.





Jos et halua avata teematiedostojasi tai et halua, koska ne menetetään tulevien teemapäivitysten myötä, voit käyttää Omat toiminnot plugin lisätäksesi koodilohkoja.

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



WordPress -kuvakoon perusteet

WordPress -hallintapaneelissa tiedät todennäköisesti jo asetukset > Puoli.

ero ilmapumppujen 1 ja 2 välillä

Nämä ovat kolme oletuskuvakokoa, joita WordPress kutsuu: pikkukuva , keskipitkällä ja suuri . Pikkukuvan koolla on erityinen asetus, joka rajataan täsmälleen tässä määrittämäsi mitan mukaan. Tämän ei tarvitse olla 1: 1-mittasuhde-voit asettaa sen haluamallasi tavalla.





Kun rajaus on käytössä, kuvat skaalataan ja keskitetään, minkä jälkeen kaikki sopimaton hylätään.

Keskikokoiset ja suuret asetukset toimivat hieman eri tavalla määrittäessäsi enimmäismäärä mitat sekä leveydelle että korkeudelle, ja kuvat pienennetään vastaavasti. Jos kuva on liian pieni, kyseisiä kuvakokoja ei luoda.





Kun lataat uuden kuvan, alkuperäinen tallennetaan ja se voidaan lisätä viestiin täysikokoisena, ja muut rekisteröidyt kuvakoot luodaan automaattisesti.

Mukautettujen kuvakokojen lisääminen WordPressiin

Kolme WordPressin oletusarvoisesti määriteltyä kokoa eivät ehkä riitä, minkä vuoksi teemat ja laajennukset voivat lisätä omia mukautettuja kokojaan. Jos haluat muokata teematiedostojasi, voit tehdä tämän myös.

Avaa teemahakemisto ja etsi toimintoja. php tiedosto. Lisää seuraava koodi, yksi kullekin määritetylle kuvakoolle:

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

Jokainen uusi kuvakoko tarvitsee nimen, leveyden ja korkeuden mitat ja rajataanko kuvat täsmälleen tähän kokoon (vai ei) totta tai väärä ). Teeman tai widgetin rakenteellisia osia varten haluat yleensä rajata, jotta se ei riko asettelua.

Saatat houkutella luomaan paljon mukautettuja kuvakokoja, mutta sinun pitäisi tehdä sitä säästeliäästi. Jokainen määrittämäsi kuvakoko luodaan jokaiselle lataamallesi kuvalle, vaikka olisitkin halunnut sen vain meille esitellyn kuvan kanssa.

Joten jos sinulla on seitsemän mukautettua kuvakokoa ja kolme oletuskokoa, jokainen lataamasi kuva synnyttää itsestään 10 pientä kopiota. Jos katsot, että yhteen viestiin voi olla upotettu 10 kuvaa, se luo 100 tiedostoa vain tätä viestiä varten.

Et voi luoda mukautettua kuvakokoa ja määrittää, että sitä käytetään vain esillä oleville kuvillesi.

Vaikka et käytä enää tiettyä mukautettua kokoa ja olet poistanut koodin (tai muuttanut teemoja), vanhat kuvat pysyvät palvelimessa ikuisesti. WordPress ei poista käyttämättömiä kuvia puolestasi. Niin vanhalla tai isolla sivustolla kuin MakeUseOf tämä tarkoittaa, että muutama sata gigatavua menee hukkaan kuvien tallentamiseen, joita ei enää käytetä.

Pienemmille sivustoille ,. Media Cleaner laajennus voi auttaa, mutta suorita aina täydellinen varmuuskopio.

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

Mukautetut kuvakoot käytettäväksi postisisällössä

Oletuksena mukautetut kuvakoot eivät näy avattavassa ruudussa, kun lisäät kuvan viestiin. Ainoa asia, jonka näet siellä, on pikkukuva, keskikokoinen, suuri ja täysikokoinen (riippuen alkuperäisen kuvan koosta, koska sitä ei skaalata).

Jos haluat myös mukautetun koosi olevan luettelossa, tarvitsemme hieman enemmän koodia. Lisää jälleen omaan toimintoja. php tiedosto:

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' );

Tämä toimii suodattamalla medianvalintaluettelo. Yhdistämme alkuperäisen kokoluettelon kaikkien uusien kokojen kanssa, jotka haluamme myös luetella. Muuta 'pikkukuvani' ja 'Minun esikatselukoko' omaan kokoon ja ihmisluettavaksi ystävälliseksi nimeksi, jonka haluat listata.

Esitetyt kuvat ovat yksittäinen viestiin liittyvä kuva, mutta sitä ei välttämättä lisätä viestin sisältöön. Niitä käytetään usein otsikon, etusivun tai sivupalkin teemoissa. Kuvan koon suhteen niitä ei kuitenkaan kohdella eri tavalla kuin tavallisia kuvia.

Jokaiselle määrittämällesi koolle kaikki ladatut kuvat kopioidaan ja niiden kokoa muutetaan, mukaan lukien esillä oleva kuva.

kuinka monta dpi on kuvani

Jos et näe vaihtoehtoa Aseta esillä oleva kuva viestisi muokkausnäytössä on mahdollista, että teemasi ei tue ominaisuutta. Voit pakottaa tuen lisäämällä seuraavan rivin teemaasi toimintoja. php tiedosto, mutta suosittelen sen sijaan uuden teeman etsimistä.

Tuen puute niin perustavanlaatuisille kuin esillä oleville kuville viittaisi vanhentuneeseen koodiin muualla.

add_theme_support('post-thumbnails');

Jos haluat käyttää esillä olevaa kuvaa omassa teemassasi tai laajennuksissasi, käytä the_post_thumbnail () -toiminto kuvatagin tulostamiseksi:

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

Toiminto sisältää kaksi parametria: etsimäsi koko (tässä tapauksessa 'minun pikkukuva') ja kaikki määritteet, jotka haluat välittää, kuten mukautettu CSS-luokka.

Jos haluat mieluummin vain esillä olevan kuvan todellisen URL -osoitteen kuin vaaditun HTML -koodin, kokeile tätä (saat tässä esimerkissä keskikokoisen kuvan):

suunnittele oma tatuointisi ilmaiseksi verkossa nyt
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

WordPress -pikkukuvien uudistaminen

Aina kun muutat kuvan oletusmittoja tai luot mukautetun kuvakoon, se koskee vain Uusi lataukset. Kaikki olemassa olevat kuvat pysyvät alkuperäisissä mitoissa.

Jos haluat muuttaa aiemmin ladattujen kuvien kokoa, tarvitset laajennuksen. AJAX -pienoiskuvan uudelleenrakentaminen voit valita, mitkä koot luodaan uudelleen, ja se toimii hitaasti arkistossasi.

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

On kuitenkin joitain rajoituksia ja sudenkuoppia, jotka sinun pitäisi tietää.

Vaikka esillä olevien kuvien kokoa voidaan muuttaa automaattisesti, mikään laajennus ei voi kirjoittaa viestin sisältöä uudelleen. Jos esimerkiksi lisäsit kuvan viestiin osoitteessa suuri koko (joka saattoi olla 500 pikseliä tuolloin), mikä muuttaa määritelmää suuri ei muuta kuvan kokoa viestissä. Se pysyy 500 pikselissä, ellet muokkaa viestiä ja lisää samaa kuvaa uudelleen uudessa koossa.

Kuten mainittiin, jos sinulla on paljon kuvakokoja, tuotat paljon kuvia. Onneksi Thumbnail Rebuild antaa sinun rajoittaa tämän vain esillä olevia kuvia . Muista kuitenkin, että tämä koskee vain edellistä kuvaa. Kaikkia tulevia kuvien latauksia hallinnoi WordPress, mikä tarkoittaa, että kaikki kuvakoot luodaan kaikelle.

Nyt olisi hyvä aika oppia myös ero JPG: n ja PNG: n välillä joten tiedät käyttää optimaalista muotoa tulevaisuudessa.

Vie WordPress -sivustosi seuraavalle tasolle

Haluatko muokata WordPress -teemaa? Teemasi käyttää kuvia, värejä ja elementtien sijoittelua pääasiassa CSS: n ja HTML: n perusteella, joten suosittelemme tutustumaan näihin vaiheittaisiin opetusohjelmiin oppiaksesi CSS: n ja HTML: n.

Ja jos olet kiinnostunut teemoista, katso nämä upeat WordPress -teemat valokuvausvalikoimaan.

Kaatuuko WordPress -sivustosi liian usein? Maksatko liikaa? Vaihda tunnettuun isännöintipalveluun, kuten InMotion Hosting (erityinen MakeUseOf-alennus tämä linkki ) tai Bluehost (erityinen MakeUseOf -alennus tämä linkki ).

Jaa Jaa Tweet Sähköposti Tästä syystä FBI antoi varoituksen Hive Ransomware -ohjelmasta

FBI antoi varoituksen erityisen ilkeästä ransomware -kannasta. Tästä syystä sinun on oltava erityisen varovainen Hive -kiristysohjelmista.

Lue seuraava
Liittyvät aiheet
  • Ohjelmointi
  • Wordpress
Kirjailijasta James Bruce(707 artikkelia julkaistu)

Jamesilla on BSc tekoälyssä ja CompTIA A+ ja Network+ -sertifioitu. Kun hän ei ole kiireinen laitteistoarvostelujen editorina, hän nauttii LEGO-, VR- ja lautapeleistä. Ennen MakeUseOfiin tuloaan hän oli valaistustekniikka, englannin opettaja ja konesali -insinööri.

Lisää James Brucelta

tilaa uutiskirjeemme

Liity uutiskirjeeseemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia ​​e -kirjoja ja ainutlaatuisia tarjouksia!

Klikkaa tästä tilataksesi