Képesítés

Van valahol a neten fotógalériám is, de az csak afféle családi képmegosztás céljából készült. Azt nem igazán akarom, szeretném a blogommal összekötni. Viszont, alkalomszerűen szoktam képeket applikálni a bejegyzésekhez. És amióta vettem egy aránylag elfogadható minőségű kamerát, azóta még inkább ott mocorog a szándék, hogy ‘képesítsük’ a blogjátékot. Tudom, hogy a WP-ben eleve benne van a képfelrakás meg mindeféle, és kismillió plugin is született megkönnyítendő a kép beillesztést. Namármost ezekkel az a baj, hogy

• ha csak kis képet rakok be, semmi nem látszik
• ha a kis képet linkké varázsolom, akkor a nagy kép csupasz fehér oldalon jelenik meg, és onnan megint vissza kell kattogni ide
• az eddig talált „lájtboxos” megoldások nem tetszenek: lassúk, macerásak

Na, akkor mi legyen? Hol van egy egyszerű, sima megoldás?

Nemrégiben a WordPress Fórumban (az angol nyelvűben, ahol moderátorként nyomulok) valaki megemlítette egy honfitársam, a szintén kanadai Scott Kimler igen derék „találmányát” – egy tisztán CSS-re épülő habkönnyű képnézőt, ami PZ3 névre hallgat (PhotoZoom3). Hogy mit tud, azt láthatod, ha ráegerészel a fenti kisképre.

A fenti PZ3 oldalon megtalálod a kódot, amit be kell másolni a stíluslapba (WordPress esetén style.css) és a HTML kódot, amit használni kell a kép beillesztéséhez. Magamfajta lusta embernek az az egyetlen gond, hogy utálok ennyi kódot begépelni, illetve ha elteszem valahova, hogy majd onnan mindig bemásoljam a szövegbe… akkor azt soha nem fogom megtalálni. Ennyire azért ismerem magam. A megoldás:
Mivel én soha nem használom a vizuális szerkesztőt (wysiwyg), nálam mindig csak a Quicktags nevű gombok látszanak a szövegbevitel mező fölött. Ezeket a „gyorsgombokat” viszont lehet szerkeszteni, így pillanatok alatt hozzá lehet adni egy újabb gombot. Csináltam tehát egy új gombot, az beilleszti a html kód kép előtti részét az első gombnyomásra. Akkor aztán feltöltöm (vagy kiválasztom) a beillesztendő képet, ami ismét csak beteszi automatikusan a kódot, majd a saját quicktag második kattintása odateszi az összes maradék kódot, mintegy bezárja a kinyitott tag-eket. Természetesen, a kép címe és leírása üres, illetve nagybetűs szöveg emlékeztet, hogy CIM IDE.
A „nézőkép” vagymiaszösz, szóval a thumbnail mérete az állandó, avval nem kell bíbeblődni. És nekem egyszerű, mert e képeim méretei is állandók. Tudom, hogy mire van beállítva a kamera, tehát azt a szélesség értéket is be tudtam eleve rakni az automata kódba.

No, így lett megoldva ennek a blognak a „képesítése”.