DIV-et generáló WordPress bővítmények használata


Ha számít a szabványos kód

DIV et generáló WordPress bővítmények használata wordpress3 150x150 Amennyiben értéket tulajdonít az ember a szabványos kódnak a szép megjelenés mellett, akkor egy-egy ilyen wordpress fícsör is nyomozás alá kerül. Bevallom nem néztem át alaposan a wp-includes/formatting.php belsejében található wpautop és shortcode_unautop függvényeket, mert gondoltam, úgysem tudom az összes regexp mintát megjegyezni, és hibát sem fogok találni azokban.

Hol fordul elő?

A WordPress bővítmény repo-ban sok két vagy több oszlopot előállító bővítményt találhat. Például az Easy Columns bővítményt. Vagy a kb. 600 pixel széles online1.hu designban a tartalom mellé illesztett képet generáló [image-sidebar] shortcode függvényében. Lényeg az, hogy block element-eket, például div-et állítson elő. Az előző bekezdésben említett WordPress-es új sor és új bekezdés kezelés miatt nem is olyan kézenfekvő első ránézésre, hogyan írjuk be a shortcode-ot HTML nézetben.

WordPress shortcode argumentumok

A WordPress shortcode-oknak leheséges argumentumot adni a szögletes zárójelen belül. Például

[image-sidebar url="http://www.online1.hu/kep.jpg" title="a kép címe"]

Lehetséges a shortcode-nak még egy argumentumot adni: HTML tartalmat. Ha van a shortcode-nak tartalma, akkor a HTML tag-ekhez hasonlóan van egy nyitó (mint fent) és egy záró (így: [/image-sidebar] ) rész, köztük pedig a tartalom.

Megoldás

1
2
3
4
5
6
<h2>Kedves megrendelő!</h2>
[image-sidebar url="http://www.online1.hu/kep.jpg"]
 
Ha honlapot készíttetne vagy sitebuild-re szüksége, keressen fel kérem.[/image-sidebar]
 
Minden jót kívánok!

Tehát a nyitó és záró shortcode után is kell két új sor, hogy a shortcode után és a következő sorban se legyen semmi. Ilyenkor nem jelenik meg egy kósza (nyitó p nélküli) </p> a kigenerált div zárás után.

Kivitelezés

Igyekszem növekvő szinvonalon végezni a sitebuild-et. Megnézheti a korábbi munkákat az online1.hu honlapon.

Kapcsolódó bejegyzések:
  • DIV et generáló WordPress bővítmények használata

    Sokszor jelentkező probléma a vízszintes ugrálás lapváltáskor, mert … Az olyan honlapok, amelyek nem elég hosszúak ahhoz, hogy a böngésző jobb oldali gördítős …

  • DIV et generáló WordPress bővítmények használata

    Egy egyszerü, de jópofa, szines 2 oszlopos design a smashingmagazine támogatásával: WordPress.FunEgy flickr-re kihegyezett képmegjelenítő theme a Clo …

  • DIV et generáló WordPress bővítmények használata

    Nemrég megjelent a WordPress 2.8-as legújabb kiadása, az erről szóló részletes bemutatót illetve a változtatások és módosítások listáját 3 főbb kategóriába szedv …

  • DIV et generáló WordPress bővítmények használata

    Minap az egyik új laphoz kellett egy plugin, amivel kicsit szabályozhatom, hogy mégis mennyi revision-t használjon a wordpress, találtam is egyet ami remekül műk …

  • DIV et generáló WordPress bővítmények használata

    Egy apró kellemetlenségre szeretném felhívni a figyelmet a wordpress képfeltöltése kapcsán. Szerintem nem igazán logikus a WordPress-ben és én is csak úgy vettem …

A cikket beküldte: Szépe Viktor (http://www.szepe.net/)

Szólj hozzá
a DIV-et generáló WordPress bővítmények használata 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>