Kompletný sprievodca odporúčanými miniatúrami a veľkosťami obrázkov vo WordPress

Kompletný sprievodca odporúčanými miniatúrami a veľkosťami obrázkov vo WordPress

Obrázok má hodnotu tisíc slov --- ak nebol nevhodne zmenený. V takom prípade je to trochu trápne. WordPress obsahuje účinné nástroje na zmenu veľkosti obrázkov a miniatúr, ale musíte vedieť, ako s nimi zaobchádzať.





Prečítajte si všetko, čo potrebujete vedieť o veľkostiach obrázkov vo WordPress a správe odporúčaných obrázkov.





Úpravy PHP v súboroch WordPress

Tento príspevok obsahuje kód PHP pre WordPress. Predtým, ako sa pustíte do akýchkoľvek úprav na svojej téme, si možno budete chcieť prečítať náš bezplatný nárazový kurz PHP.





Ak vám otváranie súborov s motívmi nie je príjemné, alebo to nechcete, pretože sa pri budúcich aktualizáciách tém stratia, môžete použiť Moje vlastné funkcie plugin namiesto toho pridať bloky kódu.

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



Základy veľkosti obrázku WordPress

Na hlavnom paneli pre správu WordPress o tom už pravdepodobne viete nastavenie > Polovica.

je aliexpress bezpečný na objednanie z

Toto sú tri predvolené veľkosti obrázkov, ktoré WordPress nazýva: miniatúra , stredné a veľký . Veľkosť miniatúry má špeciálne nastavenie, aby bola orezaná na presne tu zadaný rozmer. Nemusí to byť pomer 1: 1-môžete si to nastaviť, ako chcete.





Keď je povolené orezanie, obrázky budú zmenšené a vycentrované a potom všetko, čo sa nezmestí, bude zahodené.

Stredné a veľké nastavenie funguje mierne odlišne, v tom, čo určíte maximum rozmery pre šírku aj výšku a obrázky sa podľa toho zmenšia. Ak je obrázok príliš malý, tieto veľkosti obrázka sa nevytvoria.





Keď nahráte nový obrázok, originál sa uloží a je možné ho vložiť do príspevku v plnej veľkosti a automaticky sa vytvoria ostatné zaregistrované veľkosti obrázkov.

Pridanie vlastných veľkostí obrázkov do WordPress

Tri veľkosti, ktoré sú v programe WordPress predvolene definované, nemusia stačiť, a preto môžu motívy a doplnky pridávať svoje vlastné veľkosti. Ak vám vyhovuje úprava súborov s témami, môžete to tiež urobiť.

Otvorte adresár tém a vyhľadajte súbor functions.php súbor. Pridajte nasledujúci kód, jeden pre každú veľkosť obrázka, ktorú chcete definovať:

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

Každá nová veľkosť obrázka potrebuje názov, šírku a výšku a tiež to, či sa obrázky majú orezať presne na túto veľkosť ( pravda alebo falošný ). V prípade štruktúrnych častí témy alebo miniaplikácie by ste vo všeobecnosti chceli orezať, aby to neporušilo rozloženie.

Môžete byť v pokušení vytvoriť veľa vlastných veľkostí obrázkov, ale mali by ste to robiť striedmo. Každá veľkosť obrázka, ktorú definujete, sa vygeneruje pre každý jeden obrázok, ktorý nahráte, aj keď ste to s nami predstavili iba s vybraným obrázkom.

Ak teda máte sedem vlastných veľkostí obrázkov plus tri predvolené, z každého odovzdaného obrázka vznikne 10 malých kópií seba. Ak vezmete do úvahy, že jeden príspevok môže obsahovať 10 obrázkov, vytvorí sa 100 súborov iba pre tento príspevok.

Nemôžete vytvoriť vlastnú veľkosť obrázka a určiť, že sa má používať iba pre vaše odporúčané obrázky.

Aj keď už nepoužívate určitú vlastnú veľkosť a tento kód (alebo zmenené motívy) ste odstránili, staré obrázky zostanú na serveri navždy. WordPress za vás neodstráni nepoužívané obrázky. Na webe starom alebo veľkom ako MakeUseOf to znamená, že niekoľko stoviek gigabajtov je zbytočných na ukladanie obrázkov, ktoré sa už nepoužívajú.

V prípade menších webov sa Čistič médií doplnok môže pomôcť, ale vždy najskôr spustite úplnú zálohu.

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

Vlastné veľkosti obrázkov na použitie v obsahu príspevku

Pri vkladaní obrázka do príspevku sa v predvolenom nastavení v rozbaľovacom poli nezobrazia vlastné veľkosti obrázkov. Jediné, čo tam uvidíte, je miniatúra, stredná, veľká a plná veľkosť (v závislosti od veľkosti pôvodného obrázku, pretože nebude upscalovaný).

Ak chcete, aby bola v zozname aj vaša vlastná veľkosť, budeme potrebovať trochu viac kódu. Opäť pridajte k svojmu functions.php súbor:

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

Funguje to tak, že filtrujete zoznam na výber médií. Zlúčime pôvodné pole so zoznamom veľkostí so všetkými novými veľkosťami, ktoré chceme tiež uviesť. Zmeňte „my-thumbnail“ a „My Thumbnail Size“ na svoju vlastnú veľkosť a ľudsky čitateľný priateľský názov, pod ktorým by ste ho chceli uvádzať.

Odporúčané obrázky sú jedným obrázkom priradeným k príspevku, ale nie sú nevyhnutne vložené do obsahu príspevku. Často ich používajú motívy v hlavičke, na titulnej stránke alebo na bočnom paneli. Pokiaľ však ide o veľkosť obrázka, nie je s nimi zaobchádzané inak ako s normálnymi obrázkami.

Pre každú veľkosť, ktorú ste definovali, bude akýkoľvek nahraný obrázok duplikovaný a zmení sa jeho veľkosť, vrátane odporúčaného obrázku.

koľko dpi je môj obrázok

Ak nevidíte možnosť Nastaviť vybraný obrázok na obrazovke úprav vašich príspevkov je možné, že váš motív túto funkciu nepodporuje. Podporu si môžete vynútiť pridaním nasledujúceho riadku k svojim témam functions.php súbor, ale dôrazne odporúčam nájsť namiesto toho novú tému.

Nedostatok podpory pre niečo také základné, ako sú uvádzané obrázky, by inde svedčilo o zastaranom kóde.

add_theme_support('post-thumbnails');

Ak chcete použiť uvedený obrázok vo svojej vlastnej téme alebo doplnkoch, použite the_post_thumbnail () funkcia na výstup obrazovej značky:

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

Táto funkcia má 2 parametre: vami požadovanú veľkosť (v tomto prípade „moja miniatúra“) a všetky atribúty, ktoré chcete odovzdať, napríklad vlastnú triedu CSS.

Ak chcete radšej získať iba skutočnú adresu URL odporúčaného obrázku ako požadovaný HTML, skúste to namiesto toho (v tomto prípade získať strednú veľkosť obrázka):

navrhnite si vlastné tetovanie zadarmo online hneď teraz
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

Regenerácia obrázkov miniatúr WordPress

Kedykoľvek zmeníte predvolené rozmery obrázka alebo vytvoríte vlastnú veľkosť obrázka, bude sa to vzťahovať iba na Nový nahrávky. Všetky vaše existujúce obrázky zostanú v pôvodných rozmeroch.

Ak chcete zmeniť veľkosť predtým nahraných obrázkov, budete potrebovať doplnok. Prestavba miniatúr AJAX umožňuje vybrať, ktoré veľkosti sa majú regenerovať, a bude pomaly prechádzať vašim archívom.

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

Existujú však určité obmedzenia a úskalia, o ktorých by ste mali vedieť.

Aj keď je možné automaticky meniť veľkosť odporúčaných obrázkov, žiadny doplnok nemôže prepísať obsah príspevku. Ak ste napríklad pridali obrázok k príspevku v priečinku veľký veľkosť (ktorá v tom čase mohla byť 500 pixelov), čím sa mení definícia veľký nezmení veľkosť obrázka v príspevku. Zostane na 500 pixelov, pokiaľ príspevok neupravíte a znova nevložíte rovnaký obrázok v novej veľkosti.

Ako už bolo spomenuté, ak máte veľa veľkostí obrázkov, vygenerujete veľa obrázkov. Našťastie, Rebuild Thumbnail Rebuild vám to umožňuje obmedziť na iba odporúčané obrázky . Ale znova, pamätajte, že to platí iba pre váš predchádzajúci obrázok. Všetky budúce nahrávania obrázkov bude spravovať WordPress, to znamená, že pre všetky budú vytvorené všetky veľkosti obrázkov.

Teraz by bolo načase sa to tiež naučiť rozdiel medzi JPG a PNG takže viete, že v budúcnosti budete používať optimálny formát.

Posuňte svoj web WordPress na ďalšiu úroveň

Chcete vyladiť svoju tému WordPress? Použitie obrázkov, farieb a umiestnenia prvkov vo vašej téme je definované hlavne v CSS a HTML, preto odporúčame vyskúšať si tieto podrobné návody, aby ste sa naučili CSS a HTML.

A ak vás témy zaujímajú, pozrite sa na tieto skvelé témy WordPress pre portfólio fotografií.

Zrúti sa vaša stránka WordPress príliš často? Platíte príliš veľa? Prejdite na známu hostingovú službu, ako je InMotion Hosting (špeciálna zľava MakeUseOf s tento odkaz ) alebo Bluehost (špeciálna zľava MakeUseOf s tento odkaz ).

zdieľam zdieľam Tweet E -mail Tu je dôvod, prečo FBI vydala upozornenie na úľový ransomware

FBI vydala varovanie pred obzvlášť škaredým kmeňom ransomwaru. Tu je dôvod, prečo si musíte dávať pozor predovšetkým na ransomware Hive.

Čítajte ďalej
Súvisiace témy
  • Programovanie
  • Wordpress
O autorovi James Bruce(707 publikovaných článkov)

James má bakalársky titul v odbore umelá inteligencia a je certifikovaný CompTIA A+ a Network+. Keď nie je zaneprázdnený ako editor recenzií hardvéru, baví ho hry LEGO, VR a stolné hry. Pred nástupom do MakeUseOf bol svetelným technikom, učiteľom angličtiny a inžinierom dátového centra.

Viac od Jamesa Brucea

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné elektronické knihy a exkluzívne ponuky!

Kliknutím sem sa prihlásite na odber