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”.

Hozzászólások

  1. kobak írta:

    Ez is jópofa, én erre a célra vbali wp-zoom pluginjét használom: http://blog.linuxforge.hu/2007/05/15/zoom-wordpress-plugin/

  2. legrosszabb írta:

    hm, ezt a kis habkönnyű találmányt most ezennel meg is köszönöm, nagyon tetszik! Jó kis plugin! És még kattintani se kell! A kényelmes úristenit :))

  3. legrosszabb írta:

    jah cska most olvastam végig, hogy gyakorlatilag ez nem is egy plugin…. de azért jó ötlet, csak a magamfajta nem túl tapasztalt codereknek macerás…

  4. moshu írta:

    Nem, nem plugin - tiszta CSS, ez a szépsége!
    Csak egyszer van vele egy kis babra, amikor felrakod, egyébként az összes kódot, mindent megadtam az angol szövegben.

Szólj hozzá!

Az email címeket soha nem hozzuk nyilvánosságra. A kötelező mezőket *-gal jelöltük

*

*