Popoln vodnik po predstavljenih sličicah in velikostih slik v WordPressu

Popoln vodnik po predstavljenih sličicah in velikostih slik v WordPressu

Slika je vredna tisoč besed-razen če je bila neprimerno spremenjena, v tem primeru je nekoliko neprijetno. WordPress vsebuje zmogljiva orodja za spreminjanje velikosti slik in sličic, vendar morate vedeti, kako ravnati z njimi.





Preberite vse, kar morate vedeti o velikosti slik v WordPressu in upravljanju predstavljenih slik.



Urejanje PHP v datotekah WordPress

Ta objava vsebuje kodo PHP za WordPress. Morda boste želeli prebrati naš brezplačni tečaj zrušitve PHP, preden poskusite spremeniti svojo temo.





Če vam odpiranje datotek s temami ni všeč ali pa tega ne želite, ker bodo ob prihodnjih posodobitvah tem izgubljene, lahko uporabite Moje funkcije po meri vtičnik za dodajanje kodnih blokov.

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



Osnove velikosti slike WordPress

Na skrbniški plošči WordPress verjetno že veste Nastavitve > Pol.

bluetooth windows 10 je izklopljen

To so tri privzete velikosti slik, ki jih WordPress pokliče: sličica , srednji , in velik . Velikost sličice ima posebno nastavitev, ki jo je treba obrezati pri natančni dimenziji, ki jo določite tukaj. To ne sme biti dimenzija razmerja 1: 1 --- nastavite jo lahko po želji.



Ko je obrezovanje omogočeno, bodo slike pomanjšane in centrirane, nato pa bo vse, kar ne ustreza, zavrženo.

Srednja in velika nastavitev delujeta nekoliko drugače, kar boste določili največ širine in višine, slike pa bodo ustrezno pomanjšane. Če je slika premajhna, te velikosti slik ne bodo ustvarjene.



Ko naložite novo sliko, se izvirnik shrani in je na voljo za vstavljanje v objavo v polni velikosti, druge registrirane velikosti slik pa se samodejno ustvarijo.

Dodajanje velikosti slik po meri v WordPress

Tri velikosti, ki so privzeto določene v WordPressu, morda ne bodo dovolj, zato lahko temam in vtičnikom dodajajo svoje velikosti po meri. Če vam je všeč urejanje datotek s temami, lahko to storite tudi vi.

Odprite imenik tem in poiščite functions.php mapa. Dodajte datoteko po naslednji kodi, ena za vsako velikost slike, ki jo želite določiti:

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

Vsaka nova velikost slike potrebuje ime, širino in višino, ter ali naj bodo slike obrezane na točno to velikost (ali ne) prav ali napačno ). Za strukturne dele teme ali pripomočka bi na splošno želeli obrezati, da ne prekine postavitve.

Morda vas bo zamikalo, da bi ustvarili veliko velikosti slik po meri, vendar to storite zmerno. Vsaka velikost slike, ki jo določite, bo ustvarjena za vsako posamezno sliko, ki jo naložite, čeprav ste nam jo namenili samo s predstavljeno sliko.

Če imate torej sedem velikosti slik po meri in tri privzete, bo vsaka naložena slika ustvarila 10 majhnih kopij same sebe. Če menite, da ima lahko ena objava vgrajenih 10 slik, se ustvari 100 datotek samo za to objavo.

Ne morete ustvariti velikosti slike po meri in jo določiti, naj se uporablja samo za predstavljene slike.

Tudi če ne uporabljate več določene velikosti po meri in ste to kodo (ali spremenjene teme) izbrisali, bodo stare slike za vedno ostale na strežniku. WordPress ne bo izbrisal neuporabljenih slik namesto vas. Na spletnem mestu, starem ali velikem kot MakeUseOf, to pomeni, da je za shranjevanje slik, ki se ne uporabljajo več, izgubljenih nekaj sto gigabajtov.

Za manjša spletna mesta je Čistilec medijev vtičnik lahko pomaga, vendar vedno najprej zaženite popolno varnostno kopijo.

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

Velikosti slik po meri za uporabo v vsebini objav

Ko vstavljate sliko v objavo, se privzeto velikosti slik ne prikažejo v spustnem polju. Edino, kar boste videli, je sličica, srednja, velika in polna velikost (odvisno od velikosti prvotne slike, saj ne bo povečana).

Če želite, da je na seznamu tudi vaša velikost po meri, bomo potrebovali malo več kode. Še enkrat dodajte svoje functions.php mapa:

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

To deluje tako, da filtrira seznam izbirnikov medijev. Izvirno matriko seznamov velikosti združimo z vsemi novimi velikostmi, ki jih želimo tudi navesti. Spremenite »moja sličica« in »Moja sličica« na velikost po meri in prijazno ime, ki ga je mogoče brati človeku, kot želite, da je navedeno.

Predstavljene slike so ena sama slika, povezana z objavo, ki pa ni nujno vstavljena v vsebino objave. Pogosto jih uporabljajo teme v glavi, na sprednji strani ali na stranski vrstici. Glede velikosti slik pa se ne obravnavajo drugače kot običajne slike.

Za vsako velikost, ki ste jo določili, bo vsaka naložena slika podvojena in spremenjena, vključno s predstavljeno sliko.

ali lahko nekomu brezplačno pošljem sporočilo iz računalnika

Če ne vidite možnosti za Nastavite predstavljeno sliko na zaslonu za urejanje objav je možno, da vaša tema ne podpira te funkcije. Podporo lahko prisilite tako, da svoji temi dodate naslednjo vrstico functions.php datoteko, vendar močno priporočam, da namesto tega poiščete novo temo.

Pomanjkanje podpore za nekaj tako osnovnega, kot so predstavljene slike, bi kazalo na zastarelo kodo drugje.

add_theme_support('post-thumbnails');

Če želite predstavljeno sliko uporabiti v svoji temi ali vtičnikih, uporabite the_post_thumbnail () funkcija za prikaz slikovne oznake:

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

Funkcija ima 2 parametra: imenovano velikost, ki jo iščete (v tem primeru 'moja sličica'), in vse atribute, ki jih želite prenesti, na primer razred CSS po meri.

Če raje dobite dejanski URL predstavljene slike kot zahtevanega HTML -ja, poskusite namesto tega (v tem primeru dobite srednjo velikost slike):

kako preklicati plačilo na venmo
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

Obnavljanje sličic WordPress

Kadar koli spremenite privzete dimenzije slike ali ustvarite velikost slike po meri, bo to veljalo samo za nov nalaganja. Vse vaše obstoječe slike ostanejo v prvotnih dimenzijah.

Če želite spremeniti velikost predhodno naloženih slik, potrebujete vtičnik. Obnovitev sličic AJAX vam omogoča, da izberete, katere velikosti želite regenerirati, in bo počasi obdelal vaš arhiv.

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

Obstajajo pa nekatere omejitve in pasti, o katerih bi morali vedeti.

Medtem ko je mogoče predstavljene slike samodejno spremeniti, noben vtičnik ne more prepisati vsebine objave. Če ste na primer objavi dodali sliko v velik velikost (ki je bila takrat morda 500 slikovnih pik), kar je spremenilo definicijo velik ne bo spremenil velikosti slike v objavi. Ostala bo pri 500 slikovnih pik, razen če uredite objavo in znova vstavite isto sliko v novi velikosti.

Kot že omenjeno, če imate veliko velikosti slik, boste ustvarili veliko slik. Na srečo vam obnovitev sličic omogoča, da to omejite samo predstavljene slike . Ampak še enkrat, ne pozabite, da to velja samo za vašo prejšnjo podobo. Vse prihodnje nalaganje slik bo upravljal WordPress, kar pomeni, da bodo vse velikosti slik ustvarjene za vse.

Zdaj bi bil odličen čas, da se tega tudi naučite razlika med JPG in PNG tako da boste v prihodnje uporabljali optimalno obliko.

Povlecite svoje spletno mesto WordPress na naslednjo stopnjo

Želite spremeniti svojo temo WordPress? Uporaba slik, barv in pozicioniranja elementov v vaši temi v glavnem določata CSS in HTML, zato priporočamo, da si ogledate te vadnice po korakih za učenje CSS in HTML.

In če vas zanimajo teme, si oglejte te kul teme WordPress za portfelj fotografij.

Ali se vaše spletno mesto WordPress prepogosto zruši? Ali plačujete preveč? Preklopite na znano storitev gostovanja, kot je gostovanje InMotion (poseben popust MakeUseOf z to povezavo ) ali Bluehost (poseben popust MakeUseOf z to povezavo ).

Deliti Deliti Cvrkutati E-naslov Tukaj je razlog, zakaj je FBI izdal opozorilo za koprivnico

FBI je izdal opozorilo o še posebej grdi vrsti odkupne programske opreme. Evo, zakaj morate biti še posebej previdni pri odkupni programski opremi Hive.

Preberite Naprej Sorodne teme
  • Programiranje
  • Wordpress
O avtorju James Bruce(707 objavljenih člankov)

James je diplomiral iz umetne inteligence in je certificiran za CompTIA A+ in Network+. Ko ni zaposlen kot urednik pregledov strojne opreme, uživa v igrah LEGO, VR in družabnih igrah. Preden se je pridružil MakeUseOf, je bil tehnik razsvetljave, učitelj angleščine in inženir podatkovnega centra.

Več od Jamesa Brucea

Naročite se na naše novice

Pridružite se našemu glasilu za tehnične nasvete, ocene, brezplačne e -knjige in ekskluzivne ponudbe!

Kliknite tukaj, če se želite naročiti