Kiemelt kép a bejegyzésekhez, oldalakhoz

Mi is az a kiemelt kép, a thumbnail?

Mielőtt belevágnánk, tisztázzuk is miről vala szó. A kiemelt képnek nevezzük az angolban csak thumbnail néven emlegetett képet. Ez egy olyan kép, ami a blogbejegyzések mellett, fölött jelenik meg általában, persze ezt sablonunk válogatja. A lényege, hogy ha több képet teszel a bejegyzésbe, oldalba, akkor kiválaszthatsz egyet (akár a tartalomban nem is szereplő) képet, ami figyelemfelhívó, érdekes vagy látványos. Ezek általában 100×100 px méretűek. A mi oldalunk esetében jóval nagyobbak és ezek láthatóak a bejegyzések legtetején. Sok helyen ezeket tehetjük be a közösségi oldalaknál a megosztás vagy egyéb esemény résznél megjelenő képhez.

A WordPress és a thumbnail kép története

A 2.9-es WordPress egyik nagy újdonsága, a kiemelt kép bejegyzéshez, oldalhoz valló beállítása volt. Ezzel a funkcióval, a sokak által kritizált TimThumb thumbnail képgenerálót kívánták lecserélni. Maga a TimThumb, nem más mint egy php fájl, mely képes egy nagyobb képből kivágni egy számunkra megfelelőt, így spórolva meg számunkra az időt és munkát, hogy 1 bejegyzéshez írásához mindig át kelljen méreteznünk kézzel a képet, amit hozzá szeretnénk illeszteni. Anno egyedi mezőkkel oldották meg a bejegyzésekhez tartozó egyedi mezőt. Nem volt jó megoldás, nagyon munkaigényes volt. A TimThumb ezen segített, így gyorsan, nagy népszerűségre tett szert a sablonkészítők körében.

A TimThumb veszélye

Azonban ahogy egyre népszerűbb lett, a hackerek és rosszindulatú programozók figyelmét is felkeltette. Sajnos a használatával nem tartott tempót a fejlesztés, javítás. Ennek eredményeképpen sok hiba előjött és nagyon sok sebezhetőség is, így összességében veszélyessé vált. Magas kockázatú elemet pedig nem akar senki a sablonjában, hiszen minek nyitott bejáratot hagyni a támadóknak?

A biztonságos, remek megoldás

A 2.9-es WordPress előtt felfigyeltek erre a problémára és éppen ezért, beépítettek egy egyedi ilyen thumbnail (kiskép) generátort a rendszerbe, hogy a TimTumb-ot ki lehessen hagyni, mellőzni lehessen. Így nőtt a rendszer biztonsága. Noha itt is egy kiegészítő dolog okozta a sebezhetőséget, nem maga a WordPress alap rendszere, így azonban sokkal biztonságosabb sablonokat lehet készíteni, a kényelem megtartásával.

Ezen képeket lehet formázni, admin felületen megadni a méreteket és még számos hasznos elemet tartalmaz. Ezekről bővebben a bejegyzés végén a forrásoknál tudhattok meg.

Kiemelt kép hozzáadása a bejegyzéshez

1. Lépjünk be az admin felületünkre és menjünk a Bejegyzés / Új hozzáadása menüpontra. (Avagy ha régihez adnánk, akkor annak a szerkesztésére.)
2. Alapértelmezetten a jobb oldali keskenyebb oszlopban kattintsunk a „Kiemelt kép beállítása” linkre.
3. Kiválasztjuk, hogy új képet szeretnénk feltölteni vagy a már meglévő média elemek közül választanánk.
4. Adjuk meg a fontosabb adatokat a jobb oldali mezőben a képkezelőben.
5. Végül kattintsunk a „Kiemelt kép beállítása” kék gombra jobb alul és meg is jelenik a bejegyzés szerkesztő oldalon a jobb oszlopban a képünk.
6. Mentsük el és ellenőrizzük, hogy rendben megjelent-e.

Amire érdemes figyelni, hogy a thumbnail kép méretet az Admin/Beállítások/Media részben tudjuk megadni, azonban a sablonokban általában felülírják ezen részeket, így ami fontos az egyszerű ember számára, hogy ne vegyük a legkisebb kép méretét a sablonban megjelenő legkisebb kép mérete alá.

Ha nem jelenne meg a jobb oldalon a Kiemelt kép doboz, akkor állítsuk be a képernyő beállításainál, melyet lentebb láthatsz.

A kiemelt képekkel sokkal látványosabb, színesebb és informatívabb weboldalakat, blogokat tudunk készíteni és sok slideshow is ezen kiemelt képeket használja. Ma már szinte alapnak számít és minden jobb sablon a beépített thumbnail képeket használja.

Hasznos linkek:

• Post thumbnail (angol) – Alap információk, leírás a működéséről.
• The post humbnail (angol) – Hogyan használd és formázd, szabd egyedire.

Hasznos bővítmények:

• Regenerate thumbnails – Ha átméretezzük a beállításokba a thumb képek méretét, akkor az csak az újakra lesz érvényes. Ezzel a bővítménnyel a régiek méretét is meg tudjuk változtatni.
• Thumbnail editor – A thumbnail kisképeket szerkeszthetjük vele. Alapértelmezetten a képek közepét használja a rendszer fel, azonban ezzel a bővítménnyel be tudjuk állítani, hogy pontosan mely részről vegye a képhez valót. Akkor hasznos, ha sok olyan thumbnail képet használunk, aminek a szélén vagy a tetején-alján van azon rész, amit mutatni szeretnénk.
• Video thumbnail – Ha videót teszünk a bejegyzésünkbe, oldalunkba és szeretnénk kiemelt képet hozzá, akkor vagy feltöltünk egy másik képet vagy használjuk ezt a bővítményt, ami kivesz a videóból egy képkockát nekünk.