Thumbnail képek beállítása WordPress sablonban

Thumbnail kép használatára WordPress 2.9 verziótól van lehetőség. Ahhoz azonban, hogy használni tudd a thumbnail képeket a sablonodnak tartalmaznia kell bizonyos kódrészleteket.

Amennyiben a sablonod már tartalmazza a beállításokat a WordPress admin felületén a “Bejegyzés szerkesztésénél” jobb oldalon a “Kiemelt kép” boxban lehet feltölteni a képeket.
Thumbnail (kiemelt) kép használatának beállítása a sablonban
Ahhoz hogy használni tudd a kiemelt képeket a keresd meg a sablon functions.php fájlját és másold be a következő kódot.

3
4
5

if ( function_exists( 'add_theme_support' ) ) {
  add_theme_support( 'post-thumbnails' );
}

Kép megjelenítése publikus részen
A bejegyzések listázásánál használd ezt a kódot.

6
7
8
9
10
11

<?php
if ( has_post_thumbnail() ) { // Ellenőrzi, hogy van - e a bejegyzéshez kiemelt kép beállítva
  the_post_thumbnail();
}
?>
<?php the_content(); ?>

Thumbnail kép méretek szabályozása admin felületen
Az alapértelmezett kép méretek: “thumbnail”, “medium”, “large”, “full”. Ezeket a méreteket be lehet állítani az admin felületen a Beállítások > Média menüpontban Képméreteknél. A sablonban megadható, hogy melyik méretű képet jelenítse meg.

5
6
7
8
9

the_post_thumbnail();                  // paraméter nélkül -> Bélyegkép
 
the_post_thumbnail('thumbnail');       // Bélyegkép (alapértelmezett 150px x 150px)
the_post_thumbnail('medium');          // Közepes méret (alapértelmezett 300px x 300px)
the_post_thumbnail('large');           // Nagy méret (alapértelmezett 640px x 640px)

Méret beállítása sablonban
50px széles 50px magas, méretezze át a feltöltött képet.

1

set_post_thumbnail_size( 50, 50 );

50px széles 50px magas, vágja méretre a feltöltött képet.

1

set_post_thumbnail_size( 50, 50, true );

Új kép méretek hozzáadása
Az alapértelmezett méreteken kívül lehetőség van újabb méretek hozzáadására.

1

add_image_size( 'category-thumb', 300, 9999 ); //300 széles (magasság nincs fixálva)

A bejegyzések listázásánál így kell használni ezt a képméretet:

1

<?php the_post_thumbnail( 'category-thumb' ); ?>

Példa thumbnail kép beállítására
Az alábbi kódrészletet a functions.php-ben szerepelnek.

7
8
9
10
11
12
13

if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 150, 150, true ); // Alapértelmezett bélyegkép méret (méretre vágja)
 
// hozzáadott képméret (alapértelmezett méreteken felül)
add_image_size( 'category-thumb', 300, 9999 );
}

KAPCSOLÓDÓ CIKKEKTÖBB A SZERZŐTŐL

12 HOZZÁSZÓLÁS

  2. Hmm, nem akar működni. Nem vág ki a kiválasztott képből, hanem vagy átméretezi (arányosan, tehát torzítva) vagy eredeti méretében tossza oda.. :S

  3. Szia
    Már az admin felületen nem vágja meg? Melyik beállítást használod? Az admin felületen állítod be a thumbnail képeket (Beállítások > Média menüpontban Képméreteknél) vagy a functions.php-ben ezzel:

    1

    set_post_thumbnail_size( 150, 150, true );

    Nekem működik….

  4. ÜDV!
    Jóóó! Ha valakinek még van WP 2.9 előtti weboldala, arra is van megoldás, igaz kissé másként működik. Nálam megtaláljátok a leírást, ha érdekel valakit.
    Ehol-e: http://www.pipis.site11.com/?p=533
    Egyúttal lenne egy kérdésem, van-e értelme egy olyan WP 2.86 alatt futó weboldalt frissíteni WP 3-asra, úgy értem biztonsági okokból, mert egyébként funkcionálisan tökéletesen megfelel.

  5. Szia
    Szerintem a régebbi verzióknál egyszerűbb egy plugin-t használni. Nekem pl. ez a plugin jól bevált: Simple Post Thumbnails

  6. Pipis: mindenképp ajánlott frissíteni! Az újabb verziókat csak részben adnak ki azért, hogy több/jobb funkció legyen benne, a biztonsági része fontosabb a dolognak. Eddig nem nagyon láttam olyan kiadást, amibe ne írták volna, hogy ki lett javítva néhány biztonsági rés,stb.

  7. Sziasztok
    Én még új vagyok ebben azt szeretném megkérdezni hogy ezt hol találom hova kell ezt beilleszteni ?

    “Kép megjelenítése publikus részen
    A bejegyzések listázásánál használd ezt a kódot.”

    a második ábránál
    egy kis leírást erről valaki help :)

  8. Sziasztok! Nekem is thumbnail problémám lenne. Nekem 3.3-as WP-m van. Ha kiemelt képnek beteszem ugyanazt a képet, amit előzőleg a bejegyzésbe tettem, akkor a bejegyzésben mégegyszer szerepel a kép, mintha kétszer töltöttem volna fel a bejegyzésbe. Plusz a föoldalon a thumbnail-ként torzitva jeleniti meg, pedig be van állítva a méretek a Beállításoknál. Valaki valami ötlet?
    Köszi!

  9. Template hibanak ill. Tulajdonsagnak tunik, hogy ha kiemelt kepet a bejegyzeshez is beteszi. A single.php-ben lesz valoszinuleg a megoldas.

  11. A már meglévő képek méretét akarod átállítani vagy az újakat amiket ezután szeretnél feltölteni?

  12. Sziasztok!

    Lehetséges, hogy úgy állítsak be kiemelt képet, hogy a posztban ne jelenjen meg, csak a kis képet mutassa a menüben a bejegyzés mellett?

    segítséget köszönöm előre is

HOZZÁSZÓLOK A CIKKHEZ

Kérjük, írja be véleményét!
írja be ide nevét