Kompletní průvodce doporučenými miniaturami a velikostmi obrázků ve WordPressu

Kompletní průvodce doporučenými miniaturami a velikostmi obrázků ve WordPressu

Obrázek má hodnotu tisíc slov --- pokud nebyl nevhodně změněn. V takovém případě je to trochu trapné. WordPress obsahuje výkonné nástroje pro změnu velikosti obrázků a miniatur, ale musíte vědět, jak s nimi zacházet.





Přečtěte si vše, co potřebujete vědět o velikostech obrázků ve WordPressu a správě vybraných obrázků.





Úpravy PHP v souborech WordPress

Tento příspěvek obsahuje kód PHP pro WordPress. Než se pustíte do jakýchkoli úprav na vašem tématu, možná si budete chtít přečíst náš bezplatný kurz PHP pro havárie.





Pokud vám otevírání souborů s motivy není příjemné, nebo to nechcete, protože s budoucími aktualizacemi motivů budou ztraceny, můžete použít Moje vlastní funkce plugin místo toho přidat bloky kódu.

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



Základy velikosti obrázku WordPress

Na hlavním panelu pro správu WordPress o tom pravděpodobně již víte Nastavení > Polovina.

přepínač nintendo se nepřipojuje k internetu

Toto jsou tři výchozí velikosti obrázků, které WordPress nazývá: miniatura , střední , a velký . Velikost miniatur má speciální nastavení pro oříznutí na přesný rozměr, který zde zadáte. Nemusí to být poměr 1: 1-můžete si to nastavit, jak chcete.





Když je povoleno oříznutí, obrázky budou zmenšeny a vycentrovány, a pak vše, co se nevejde, bude zahozeno.

Střední a velké nastavení funguje trochu odlišně, v tom, co určíte maximum rozměry pro šířku i výšku a obrázky se podle toho zmenší. Pokud je obrázek příliš malý, tyto velikosti obrázku nebudou vytvořeny.





Když nahrajete nový obrázek, originál se uloží a je možné jej vložit do příspěvku v plné velikosti a automaticky se vytvoří ostatní registrované velikosti obrázků.

Přidání vlastních velikostí obrázků do WordPressu

Tři velikosti, které jsou ve WordPressu ve výchozím nastavení definovány, nemusí stačit, proto mohou motivy a doplňky přidávat vlastní velikosti. Pokud vám vyhovuje úprava souborů s motivy, můžete to udělat také.

Otevřete adresář témat a vyhledejte soubor functions.php soubor. Přidat následující kód, jeden pro každou velikost obrázku, kterou chcete definovat:

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

Každá nová velikost obrázku potřebuje název, rozměry šířky a výšky a to, zda mají být obrázky oříznuty přesně na tuto velikost ( skutečný nebo Nepravdivé ). U strukturálních částí motivu nebo widgetu byste obecně chtěli oříznout, aby neporušilo rozložení.

Možná budete v pokušení vytvořit spoustu vlastních velikostí obrázků, ale měli byste to dělat střídmě. Každá velikost obrázku, kterou definujete, bude vygenerována pro každý jednotlivý obrázek, který nahrajete, i když jste to pro nás zamýšleli pouze s vybraným obrázkem.

Pokud tedy máte sedm vlastních velikostí obrázků plus tři výchozí, každý nahraný obrázek vytvoří 10 malých kopií sebe sama. Pokud uvážíte, že v jednom příspěvku může být vloženo 10 obrázků, vytvoří se 100 souborů jen pro tento příspěvek.

Nemůžete vytvořit vlastní velikost obrázku a určit, že by měla být použita pouze pro vaše doporučené obrázky.

Také, i když již nepoužíváte určitou vlastní velikost a odstranili jste tento kód (nebo změnili motivy), staré obrázky zůstanou na serveru navždy. WordPress za vás nevymaže nepoužívané obrázky. Na webu starém nebo tak velkém, jako je MakeUseOf, to znamená, že několik stovek gigabajtů je zbytečných při ukládání obrázků, které se již nepoužívají.

U menších webů je Čistič médií plugin může pomoci, ale vždy nejprve proveďte úplnou zálohu.

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

Vlastní velikosti obrázků pro použití v obsahu příspěvků

Při vložení obrázku do příspěvku se ve výchozím nastavení v rozevíracím seznamu nezobrazí vlastní velikosti obrázku. Jediná věc, kterou tam uvidíte, je miniatura, střední, velká a plná velikost (v závislosti na velikosti původního obrázku, protože nebude upscalován).

Pokud chcete, aby v seznamu byla i vaše vlastní velikost, budeme potřebovat trochu více kódu. Opět přidejte do svého functions.php soubor:

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 seznam pro výběr médií. Sloučíme původní seznam velikostí se všemi novými velikostmi, které chceme také uvést. Změňte „my-thumbnail“ a „My Thumbnail Size“ na svou vlastní velikost a lidsky čitelné přátelské jméno, které byste chtěli uvést jako.

Doporučené obrázky jsou jeden obrázek spojený s příspěvkem, ale nemusí být nutně vložen do obsahu příspěvku. Často je používají motivy v záhlaví, na titulní stránce nebo na postranním panelu. Pokud jde o velikost obrázků, nejsou s nimi zacházeno nijak odlišně od běžných obrázků.

Pro každou vámi definovanou velikost bude jakýkoli nahraný obrázek duplikován a jeho velikost bude změněna, včetně doporučeného obrázku.

mohu někomu zdarma poslat zprávu z počítače?

Pokud možnost nevidíte Nastavit doporučený obrázek na obrazovce úprav příspěvků je možné, že vaše téma tuto funkci nepodporuje. Podporu můžete vynutit přidáním následujícího řádku do motivů vašeho motivu functions.php soubor, ale důrazně doporučuji místo toho najít nové téma.

Nedostatek podpory pro něco tak základního, jako jsou doporučené obrázky, by jinde svědčil o zastaralém kódu.

add_theme_support('post-thumbnails');

Chcete -li použít vybraný obrázek ve svém vlastním motivu nebo pluginech, použijte the_post_thumbnail () funkce pro výstup značky obrázku:

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

Funkce má 2 parametry: pojmenovanou velikost, kterou hledáte (v tomto případě „moje miniatura“), a všechny atributy, které chcete předat, jako vlastní třída CSS.

Pokud raději chcete získat pouze skutečnou adresu URL doporučeného obrázku než požadovaný HTML, zkuste to místo toho (v tomto případě získat střední velikost obrázku):

jak organizovat onenote pro práci
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

Regenerace obrázků miniatur WordPress

Kdykoli změníte výchozí rozměry obrázku nebo vytvoříte vlastní velikost obrázku, bude se vztahovat pouze na Nový nahrává. Všechny vaše stávající obrázky zůstanou v původních rozměrech.

Pokud chcete změnit velikost dříve nahraných obrázků, budete potřebovat plugin. Přestavba miniatur AJAX umožňuje vybrat, které velikosti se mají regenerovat, a bude pomalu procházet vaším archivem.

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

Existují však určitá omezení a úskalí, o kterých byste měli vědět.

Přestože lze velikost doporučených obrázků měnit automaticky, žádný plugin nemůže přepsat obsah příspěvku. Pokud jste například přidali obrázek k příspěvku v souboru velký velikost (což v té době mohlo být 500 pixelů), změna definice velký nezmění velikost obrázku v příspěvku. Zůstane na 500 pixelech, pokud příspěvek neupravíte a znovu nevložíte stejný obrázek v nové velikosti.

Jak již bylo zmíněno, pokud máte mnoho velikostí obrázků, vygenerujete spoustu obrázků. Naštěstí Rebuild Thumbnail Rebuild vám to umožňuje omezit na pouze doporučené obrázky . Ale znovu si pamatujte, že to platí pouze pro váš předchozí obrázek. Veškeré budoucí nahrávání obrázků bude spravovat WordPress, což znamená, že pro všechny budou vytvořeny všechny velikosti obrázků.

Nyní by bylo skvělé se to také naučit rozdíl mezi JPG a PNG takže víte, že v budoucnu použijete optimální formát.

Posuňte svůj web WordPress na další úroveň

Chcete vyladit své téma WordPress? Použití obrázků, barev a umístění prvků ve vašem motivu je určeno hlavně CSS a HTML, proto doporučujeme vyzkoušet si tyto podrobné návody, jak se naučit CSS a HTML.

A pokud vás témata zajímají, podívejte se na tato skvělá témata WordPress pro portfolio fotografií.

Padá váš web WordPress příliš často? Platíte příliš mnoho? Přepněte na známou hostingovou službu, jako je InMotion Hosting (speciální sleva MakeUseOf s tento odkaz ) nebo Bluehost (speciální sleva MakeUseOf s tento odkaz ).

Podíl Podíl tweet E-mailem Zde je důvod, proč FBI vydala varování před ransomwarem Hive

FBI vydala varování před obzvláště ošklivým kmenem ransomwaru. Zde je důvod, proč si musíte dávat obzvlášť pozor na ransomware Hive.

Číst dále
Související témata
  • Programování
  • Wordpress
O autorovi James Bruce(707 článků zveřejněno)

James má bakalářský titul v oboru umělé inteligence a je certifikován společností CompTIA A+ a Network+. Když není zaneprázdněn jako editor recenzí hardwaru, má rád LEGO, VR a deskové hry. Před nástupem do MakeUseOf byl osvětlovacím technikem, učitelem angličtiny a technikem datového centra.

Více od Jamese Bruce

Přihlaste se k odběru našeho zpravodaje

Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!

Kliknutím sem se přihlásíte k odběru