WordPress

Kodo gabalai, idėjos, pastebėjimai

HTML5: ‘figure’ ir ‘figcaption’ elementai paveikslėlių įterpimui

by


2013-02-28

HTML5 turi naujus semantinius elementus iliustracijų ir jų aprašymų įterpimui į tekstą – <figure> ir <figcaption>. Deja, „WordPress“ šitoj vietoj vis dar senamadiškas ir paveikslėlio įterpimui naudoja div’ą (jei paveikslėlis – su antrašte) arba įterpia juos plikus. Pabandykime tą pakeisti.

Pradėkime nuo paprastesnio atvejo  – paveikslėlio su antrašte. „WordPress“ tiesiogiai į tekstą viso HTML nededa, o naudoja tam shortcode . Todėl šiuo atveju tereikia filtro pagalba pakeisti šio gražinamą HTML’ą:

Truputį sudėtingiau yra su tais paveikslėliais, kurie įterpiami be antraštės – „WordPress“ juos įterpia plikus – tik nuorodą ir img žymą. Todėl padariau tokią gudrybę – filtro pagalba pats suformuoju ir pridedu caption shortcode’ą: