Od danas na mom blogu pored svakog komentara stoji AVrAmTAR.com avatar autora poruke, ukoliko je isti registrovan na www.avramtar.com (a ko nije odma’ trk da se registruje :-) ). Ukoliko niste registrovani na avramtar.com prikazaće se default “?” avatar.

AVrAmTAR WordPress plugin u akciji

sl. 1. AVrAmTAR WordPress plugin u akciji
(klik za uvećanje)

Ceo dan sedim ispred računara čitajući WordPress Codex i evo sada je gotov, a uskoro će biti objavljen i na blogu avramtara, samo da ga malo istestiram i da mi odobre prikazivanje plugina na sajtu WordPress-a.

Plugin se sastoji iz tri dela, a to su PHP skripta, CSS fajl i malo JavaScript koda: PHP skripta je tu da kod svakog komentara dovlači avatar sa avramtar.com sajta, kao i da se integriše automatski u vašu WP temu. CSS fajl se sastoji samo iz jednog stila (“.avramtar”) sa dva atributa koji služe da pozicioniraju avramtar desno od komentara. I na kraju, malena Javaskripta koja dinamički menja veličinu avatarima, tako da se lepo vide i da svi budu iste širine (a mogu i iste visine). Razlog zašto se avatari risajzuju na klijentskoj strani je to što bi mi menjanje veličine animiranih gifova (kojih i te kako ima, a imaće ih još dosta ako servis postane iole poznat) na strani servera oduzimalo mnogo resursa koji su ionako dosta ograničeni na mom VPS-u, dok JS to odradi “in no time,” a verujem da je procenat ljudi kojima je JS isključen mnogo manji od 1% tako da mogu sebi to da priuštim :-)

Kako su kod mene na temi komentari organizovani u jednoj unordered listi (UL tag), a ne u tabeli, dešavalo se da mi avatar bude veći od teksta (kad je komentar jako kratak) pa je sve bilo sjebano. Onda sam dodao još jednu stavku u CSS fajl koja svim elementima sa IDom “avramtarized_comment” (a to su svi komentari kad ih obradi AVrAmTAR plugin) postavlja min-height svojstvo na 80px što osigurava da visina svakog komentara bude sasvim dovoljna i da avatar ne prelazi u sledeći komentar, a i ako se to desi, desiće se u jako malom broju slučajeva, a i tad se min-height može povećati. Ovo je sve super radilo u Firefoxu, ali zato u IE6 – užas. Neki avatari se nisu videli, neki su prelazili u drugi komentar ispod njih. Ukratko – blagi užas. Iako je IE7 već zaživeo, IE6 se može naći i dalje na ogromnom broju računara (možda čak više od 50% računara gde je instaliran Windows) pa sam morao i to da sredim. Kako? Lako, pronašao sam nešto što se zove “IE7 { css2: auto; },” a što sa samo jednom linijom koda popravlja bugove u IE6, tj. omogućava korišćenje CSS2 u IE6. Ovo nije standardni deo AVrAmTAR plugina, ali svakako ću ga linkovati u dokumentaciji, jer spašava blogere mnogo muka.