Manau visi tie kurie užsiima WEB projektų eksplotavimu ir kūrimu (ypač dizaino) yra nekartą susidurę su Internet Explorer 6 problemom, kai jis negali atvaizduoti vaizdo toks koks jis atvaizduojamas su IE7, Firefoxe ar Operoje. Mane tas nervina ir priverčia sukti galvą kaip iškilusią dizaino probelmą išspręsti.

Šiuo metu mano BLOG’ą IE6 atvaizduoją kreivą t.y. sidebar (kairėje ->) palenda po turiniu ir aš niekaip neatrandu siūlo galo kur yra problema. Aišku aš ne tiek ir daug ieškau ir testuoju, nes BLOG’as tai ne masiškas projektas kuris privalėtu blizgėti ir IE6 ekrane, ir jį skaito žmonės kurie naudojasi arba atnaujinta IE7 versija arba kitomis naujomis naršyklėmis su kuriomis mano BLOG’as atrodo tvarkingas. Bet vis dar 17% mano BLOG’o lankytojų vis dar naudojasi IE6 ir tai man sukelia galvos skausmą dėl to, kad jie mato netvarkingą svetainę, tačiau kiekvieno apsilankymo metu aš juos įspėju žinute virš savo BLOG’o logotipo, nes kito kelio įspėti ir šviesti žmogų nėra.

Klausimas: kaip aš tai darau?

Pasinaudojau Tautvydo patarimu į header’į įterpti funkciją kuri įspėtų IE6 vartotojus, kad jų naršyklė yra nepritaikyta pilnai puslapio peržiūrai. Visu pirmą, kad viskas atrodytų pakankamai tvarkingai ir gražiai į CSS įterpiau div’ą:

Toliau į headerį įterpių štai tokį kodą:

Ir tada lankytojai kurie naudojasi IE6 gauną tvarkingą ir gražų pranešimą puslapio viršuje (baltą juostelę), kad jiems reikėtu atsinaujinti naršyklę:

Gerai, bent tiek, kad bent tokia išeitis yra įspėt lankytoją.
Na, o aš IE6 norėčiau palinkėt išnykt ir, kad greičiau žmonės suprastų, kad yra geresnės naršyklės, arba įsigytų Vista kurioje jau yra IE7. Šiam kartui tiek. Tikiuosi kam nors pravers. :)

Turbūt tikriausiai visi esate matę knygose, kai skyrius pradedamas didžiąją raide. Kad aiškiau būtų parodysiu kaip tai atrodo:

Tą patį galima padaryti ir WordPress šablone (maniškiame tai yra). Pvz:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lorem augue, sodales eu, ornare vitae, imperdiet a, nulla. Donec sodales, lectus sit amet porta congue, massa enim imperdiet diam, sed tempor nisl diam nec est. Vestibulum luctus porta libero. Quisque aliquet lorem vitae arcu. Integer dui dolor, sodales in, sagittis.

Na, o dabar kaip tai padaryti:

HTML

Pirmosios “didžiosios” raidės kodas gan paprastas ir aiškus, jame naudojama “span” klasė kuri naudoja keletą eilučių iš CSS šablono. Ji atrodo štai taip:

Papildomos stiliaus funkcijos. Dabar reikėtu parinkti jūsų teksto stilių ir nustatyti jo spalvą.

Automatizacija

Kai jau įrašėt papildomą CSS “span” klasės šabloną laikas padaryti taip, kad Jums nereikėtu pastoviai uždėti “span” klasės rankiniu būdu.

Atsidarykite šablono functions.php failą ir įterpkite šį kodą:

function pirmoji_didzioji_raide($content){

    $searchfor = '/>(<a [^>]+>)?([^<s])/';

    $replacewith = '>$1<span class="pirmadidzioji">$2</span>';

    $content = preg_replace($searchfor, $replacewith, $content, 1);

    return $content;
}

add_filter('the_content', 'pirmoji_didzioji_raide');

Štai nuo šiol Jūsų pirmoji teksto raidė bus didžioji.

ĮSPĖJIMAS. Jeigu virš turinio visada talpinate paveikslėlį Jums pirmąją raidę teks padaryti “didžiąją” rankiniu būdu, nes sugadinsit paveikslėlio kodą + neterpkite aukščiau pavaizduoto kodo į functions.php. :)