Kiemelt kép automatikus testreszabása

Sokan kérdezték már tőlem,hogy van-e megoldás a WordPress bejegyzéseknél beállított kiemelt képek automatikus átméretezésére. A válasz igen,van lá megoldás,de nem a kép testreszabásánál van erre lehetőségünk,hanem szükségünk lesz a funcions.php,az index.php és persze a styles.css fájlokra.

Először kezdjük a functions.php-vel,mivel oda csak egy egyszerű kódot kell beillesztenünk,és a méreteket megadni. Ezt a kódot bárhová illeszthetitek,én általában legalulra rakom.

add_theme_support( ‘post-thumbnails’ );
add_image_size(‘featuredImageCropped’, 720, 450, true);

Ahogy láthatjátok,nem kell pixelt vagy százalékot megadni,elég az első értékhez a szélességet,a másodikhoz pedig a magasságot megadni.

Ezt követi az index.php fájl,ahol a kiemelt kép php kódjához kell egy kis kódrészletet berakni. Keressétek meg ezt a sort:

<? the_post_thumbnail(); ?>

És fent említett változóval kell kiegészíteni erre:

<? the_post_thumbnail(‘featuredImageCropped’); ?>

Ha ez a két lépés megvan,már csak a styles.css fájlban kell megadni a kiemelt kép méreteit. Én az egész kódot egy ‘thumb’ nevű divben helyeztem el,így a .css kódban is így fogom megjeleníteni:

.thumb { /* kiemelt kép */
width: 720px;
height: 450px;
}

Fontos! A funcions.php-ban beállított képek értékei ne legyenek soha nagyobbak mint a styles.css-ben beállítottak,mert akkor értelem szerűen kilógnak.

Sok esetben előfordul,hogy a kiemelt képek nem méreteződnek át elsőre,hiába csináltál meg jól mindent. Ilyenkor nem kell megijedni,a WordPress régebbi verziói néha belassulnak és “nem fogják fel” amit beállítottunk. Ezért ha esetleg ilyen probléma akadna,akkor töltsétek le a Thumnail Regenerator nevű bővítményt. Ezzel a bővítménnyel pár kattintással pillanatok alatt felül tudjuk írni a korábban beállított kiemelt kép méreteket,így automatikusan a functions.php-ban beállított értékekre méretezi az összes kiemelt képet,amit korábban be lett állítva.

Letöltés

Telepítés menete

1, miután letöltöttétek a bővítményt,keressétek fel a Bővítmények fület a WordPress menüben

2, katt. a ‘Bővítmény hozzáadása’ opcióra,majd a ‘Bővítmények feltöltésére’

3, keressétek meg a letöltött thumbnail_regenerator.zip / rar fájlt,és telepítsétek fel

Aktiválás

1, pár menüvel lejjebb,az Eszközök fülön ott lesz a Regen. Thumnails menü

2, lépjetek be,majd kattintsatok az ‘Összes kiemelt kép regenerálása’ opcióra

Ezután láthatjátok ahogy az összes képet egyesével átméretezi,majd kiírja hogy ‘A kiemelt képek átméretezése sikeresen megtörtént.’