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ó bejegyzések:
  • Thumbnail képek beállítása WordPress sablonban

    A WordPress-ben a tag-ek listáját mintegy felhőként (tag cloud) ki lehet tenni, ha a template-be beírod a wp_tag_cloud(); kódot.A tagfelhő (tag cloud) ha …

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

    A WordPress-hez nem nagy szám 1-1 olyan plugint találni, melyek segítségével a cikkhez kapcsolódó, egyéb cikket is ki lehet listázni. Akár kategória, akár tag-ek …

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

    A speciális karakterek használata bizonyos esetekben fontos lehet. Számomra elsősorban a tananyagok készítésekor volt jelentősége. Ha például egy kódot szeretnék …

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

    Lassan kijön az új WordPress 3.0 és ideje nekem is áttekinteni az újdonságokat, annak ellenére, hogy egy ideig még valószínűleg nem fogok váltani.Kubrick …

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

    Gyakran felmerülő kérdés, hogy lehet egy dobozt absolute pozícionálással egy olyan lapszerkezetben elhelyezni, ahol a lap tartalma mindig középen van, tehát a do …

A cikket beküldte: Bola (http://wordpress-tutorial.hu)

11 hozzászólás

  1. Rotisoft (http://rotisoft.hu) says:

    Egyszerű, könnyen érthető leírás. Szép!

  2. Rotisoft (http://rotisoft.hu) says:

    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. Bola (http://wordpress-tutorial.hu) says:

    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. Pipis says:

    Ü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. Bola (http://wordpress-tutorial.hu) says:

    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. Balou (http://webground.hu) says:

    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. T.Milán (http://www.kn.uw.hu) says:

    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. Donelly says:

    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. Harder (http://blog.harder.hu) says:

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

  10. Szekely Isty (http://www.creative-staff.tk) says:

    Udv.
    Azt szeretnem kerdezni,hogy a kiemelt kep meretet hogy tudnam 400*200 ra alitani ?koszonom elore is..

  11. Bola (http://wordpress-tutorial.hu) says:

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

Szólj hozzá
a Thumbnail képek beállítása WordPress sablonban c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>