A teljes útmutató a kiemelt indexképekhez és képméretekhez a WordPress -ben

A teljes útmutató a kiemelt indexképekhez és képméretekhez a WordPress -ben

Egy kép többet ér ezer szónál-hacsak nem méretezték át nem megfelelően, ebben az esetben kissé kínos. A WordPress hatékony eszközöket tartalmaz a képek és az indexképek átméretezéséhez, de tudnia kell, hogyan kell kezelni őket.





Olvasson el mindent, amit a WordPress képméreteiről és a kiemelt képek kezeléséről tudni kell.



PHP szerkesztése WordPress fájlokban

Ez a bejegyzés tartalmazza a WordPress PHP kódját. Érdemes elolvasni ingyenes PHP összeomlási tanfolyamunkat, mielőtt bármilyen módosítást kipróbál a témán.



Ha nem szeretné megnyitni a témafájlokat, vagy nem akarja, mert a későbbi témafrissítésekkel elvesznek, használhatja a Egyéni funkcióim plugint, hogy helyette kódblokkokat adjon hozzá.

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



A WordPress képméretének alapjai

A WordPress rendszergazdai irányítópultján valószínűleg már tud róla Beállítások > Fél.

Hogyan rendezhetem a gmailt feladó szerint?

Ez a három alapértelmezett képméret, amelyet a WordPress hív: miniatűr , közepes , és nagy . Az indexkép méretének speciális beállítása van, amelyet az itt megadott méretre kell vágni. Ennek nem kell 1: 1 arányú dimenziónak lennie-tetszés szerint beállíthatja.



Ha a vágás engedélyezve van, a képek méretezésre és középre állításra kerülnek, majd minden, ami nem illik, eldobásra kerül.

A közepes és nagy beállítások kissé eltérően működnek, ebben Ön adja meg maximális méretek szélességre és magasságra egyaránt, és a képeket ennek megfelelően kicsinyítik. Ha a kép túl kicsi, akkor ezek a képméretek nem jönnek létre.



Amikor új képet tölt fel, az eredeti mentésre kerül, és teljes méretben beilleszthető a bejegyzésbe, és a többi regisztrált képméret automatikusan létrejön.

Egyéni képméretek hozzáadása a WordPress -hez

Előfordulhat, hogy a WordPress -en belül alapértelmezés szerint meghatározott három méret nem elegendő, ezért a témák és a beépülő modulok hozzáadhatják saját egyéni méreteiket. Ha kényelmesen szerkesztheti a témafájlokat, akkor ezt is megteheti.

Nyissa meg a téma könyvtárat, és keresse meg a függvények.php fájlt. Adja hozzá a a következő kódot, egyet minden definiálni kívánt képmérethez:

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

Minden új képmérethez nevet, szélességet és magasságot kell megadni, és azt, hogy a képeket pontosan erre a méretre kell -e vágni (vagy sem) igaz vagy hamis ). A téma vagy widget szerkezeti részei esetében általában vágni szeretne, hogy ne törje meg az elrendezést.

Lehet, hogy kísértést érez sok egyedi képméret létrehozására, de ezt mérsékelten kell tennie. Minden megadott képméret létrejön minden feltöltött képhez, még akkor is, ha csak a kiemelt képpel szánta nekünk.

Tehát ha hét egyéni képmérete van, és a három alapértelmezett, akkor minden feltöltött kép 10 kis példányt hoz létre önmagából. Ha úgy gondolja, hogy egyetlen bejegyzésbe 10 kép is beágyazható, akkor 100 fájl jön létre csak ehhez a bejegyzéshez.

Nem hozhat létre egyéni képméretet, és megadhatja, hogy csak a kiemelt képekhez használható.

Továbbá, még akkor is, ha már nem használ egy bizonyos méretet, és törölte ezt a kódot (vagy megváltoztatta a témákat), a régi képek örökre a kiszolgálón maradnak. A WordPress nem törli a fel nem használt képeket. Egy olyan régi vagy akkora webhelyen, mint a MakeUseOf, ez azt jelenti, hogy néhány száz gigabájt veszteget a többé nem használt képek tárolására.

Kisebb helyszínek esetében a Média tisztító plugin segíthet, de először mindig készítsen teljes biztonsági mentést.

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

Egyéni képméretek a tartalomban való használatra

Alapértelmezés szerint az egyéni képméretek nem jelennek meg a legördülő listában, amikor képet illesztenek be a bejegyzésbe. Az egyetlen dolog, amit ott látni fog, a miniatűr, közepes, nagy és teljes méretű (az eredeti kép méretétől függően, mivel nem lesz felskálázva).

Ha azt szeretné, hogy egyéni mérete is szerepeljen a listán, akkor egy kicsit több kódra lesz szükségünk. Ismét hozzá a saját függvények.php fájl:

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

Ez a médiaválasztó lista szűrésével működik. Az eredeti méretlista tömböt egyesítjük az általunk is felsorolni kívánt új méretekkel. Változtassa meg a „my-thumbnail” és a „My Thumbnail Size” méretet az egyéni méretre, és az ember által olvasható, barátságos névre, amellyel szeretné megjeleníteni.

A kiemelt képek egyetlen kép, amely egy bejegyzéshez társul, de nem feltétlenül illeszkedik a bejegyzés tartalmába. Gyakran használják azokat a témák a fejlécben, a címlapon vagy az oldalsávon. A kép méretezése szempontjából azonban nem kezelik őket másképp, mint a normál képeket.

Minden megadott méret esetén a feltöltött képek sokszorosítva és átméretezve lesznek, beleértve a kiemelt képet is.

csoportházirend -szerkesztő windows 10 home

Ha nem látja a lehetőséget Állítsa be a kiemelt képet a bejegyzés szerkesztő képernyőjén lehetséges, hogy témája nem támogatja ezt a funkciót. Kényszerítheti a támogatást a következő sor hozzáadásával a témához függvények.php fájlt, de határozottan azt javaslom, hogy keressen egy új témát.

Az olyan alapvető dolgok támogatásának hiánya, mint a kiemelt képek, máshol elavult kódra utalnak.

add_theme_support('post-thumbnails');

Ha a kiemelt képet szeretné használni saját témájában vagy beépülő moduljaiban, használja a the_post_thumbnail () funkció a képcímke kiadásához:

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

A függvény két paramétert tartalmaz: a keresett nevet (ebben az esetben a 'saját indexképet'), és minden attribútumot, amelyet át szeretne adni, például egy egyéni CSS osztályt.

Ha inkább csak a kiemelt kép tényleges URL -jét szeretné megkapni, mint a kötelező HTML -t, akkor próbálja meg ezt (ebben a példában a közepes képméretet kapja):

Hogyan lehet ellenőrizni, hogy az iphone vírusos
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

A WordPress miniatűr képeinek regenerálása

Bármikor, amikor módosítja az alapértelmezett képméreteket, vagy egyéni képméretet hoz létre, ez csak azokra vonatkozik új feltöltések. Az összes meglévő kép az eredeti méretben marad.

Ha át szeretné méretezni a korábban feltöltött képeket, szüksége lesz egy beépülő modulra. AJAX miniatűr újjáépítése lehetővé teszi, hogy kiválassza, mely méreteket kívánja újragenerálni, és lassan átgondolja az archívumot.

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

Vannak azonban korlátok és buktatók, amelyeket tudnia kell.

Míg a kiemelt képek automatikusan átméretezhetők, egyetlen beépülő modul sem tudja átírni a bejegyzés tartalmát. Például, ha képet adott a bejegyzéshez a nagy méret (amely akkoriban 500 képpont lehet), megváltoztatva a nagy nem változtatja meg a bejegyzés képméretét. 500 képpont marad, hacsak nem szerkeszti a bejegyzést, és nem helyezi vissza ugyanazt a képet az új méretben.

Mint már említettük, ha sok képmérettel rendelkezik, akkor sok képet fog generálni. Szerencsére a Miniatűr -újjáépítés lehetővé teszi ezt csak kiemelt képek . De ne feledje, ez csak az előző képére vonatkozik. Az összes jövőbeli képfeltöltést a WordPress kezeli, vagyis minden képméret mindenre létrejön.

Most jó alkalom lenne megtanulni a különbség a JPG és a PNG között így tudja használni az optimális formátumot a jövőben.

Emelje WordPress webhelyét a következő szintre

Szeretné módosítani a WordPress témáját? A téma képek, színek és elemek elhelyezését elsősorban a CSS és a HTML határozza meg, ezért javasoljuk, hogy nézze meg ezeket a lépésről lépésre szóló oktatóanyagokat a CSS és a HTML elsajátításához.

És ha érdekelnek a témák, nézd meg ezeket a klassz WordPress témákat egy fotósportfólióhoz.

Túl gyakran összeomlik a WordPress webhelye? Túl sokat fizet? Váltson olyan jól ismert tárhelyszolgáltatásra, mint az InMotion Hosting (speciális MakeUseOf kedvezmény a következővel: ez a link ) vagy Bluehost (speciális MakeUseOf kedvezmény a következővel: ez a link ).

Részvény Részvény Csipog Email Ezért adott ki figyelmeztetést az FBI a Hive Ransomware -re

Az FBI figyelmeztetést adott ki egy különösen csúnya ransomware -törzs miatt. Ezért kell különösen óvatosnak lennie a Hive ransomware -el szemben.

Olvassa tovább Kapcsolódó témák
  • Programozás
  • Wordpress
A szerzőről James Bruce(707 megjelent cikk)

James mesterséges intelligenciával rendelkezik, és rendelkezik CompTIA A+ és Network+ tanúsítvánnyal. Amikor nem a Hardware Reviews szerkesztőként van elfoglalva, élvezi a LEGO, a VR és a társasjátékokat. Mielőtt csatlakozott volna a MakeUseOf -hoz, fénytechnikus, angol tanár és adatközpont -mérnök volt.

Továbbiak James Bruce -tól

Iratkozzon fel hírlevelünkre

Csatlakozz hírlevelünkhöz, ahol technikai tippeket, értékeléseket, ingyenes e -könyveket és exkluzív ajánlatokat találsz!

Feliratkozáshoz kattintson ide