AVrAmTAR WordPress plugin [beta]
januar 5th, 2008 . by AvramOd 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.
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.
ODlična ideja ;)
Hvala, hvala. Da, slike se prvo učitaju u originalnoj veličini pa se onda smanje jer skripta čeka da se čitava stranica učita (i slike) pa tek onda prolazi kroz stranicu i smanjuje slike. Nekome je ovo lepo, nekome ne, ali tako mora, ili da se resize odvija na serveru što bi me mnogo koštalo.
Videću nekim domaćim blogerskim sajtovima da predložim da instaliraju plugin :-)
Najz :)
BTW, sredi malo izgled avramtar sajta ;)
Ja ne znam da li sam slep pa ne vidim link za skidanje … :)
ili ga nisi ni postavio nigde osim na svom blogu.
U svakom slučaju samo nastavi tako!
PS. Napisao sam i duži komentar ali sam pogrešio captchu pa mi izbrisao sve :( (sada radim copy/ za svaki slučaj)
Као што ти једном приликом рекох, да су га урадио пре Граватара, било би супер. Овако, јбг, ваљда ће се омасовити довољно и у свету к’о код нас ;)
[...] Autor plugina je Nemanja Avramović. [...]