Dodajte lokalni avatar dodatak. Kako postaviti avatar za komentare na WordPressu Kako dodati prilagođene avatare u wp

Fleksor 5

WordPress već duže vrijeme koristi uslugu Gravatar.com kao avatare, ali mnogi ljudi još uvijek ne razumiju kako ova usluga radi i kako tamo postaviti svoj avatar. Zato na forumima WordPress blogeri početnici redovito postavljaju pitanja o tome kako postaviti i prikazati vlastite lokalne avatare. Dodatak olakšava ugradnju podrške za vaše vlastite avatare u vaš blog, koje su korisnici postavili putem svojih profila.

Preuzmite dodatak s njega početna stranica i instalirajte ga:

1. Raspakirajte arhivu.

2. Kopirajte mapu jednostavni-lokalni-avatari V /wp-content/plugins/.

3. Idite na administrativnu ploču bloga na kartici "tab" Dodaci" i aktivirajte dodatak.

Dodatak ima jednu jedinu postavku koju ćete pronaći u " Mogućnosti\Rasprava":

Označavanjem ovog okvira zabranit ćete običnim "pretplatnicima" postavljanje svojih lokalnih avatara, ostavljajući tu privilegiju za "upravljanje" blogom.

Sam avatar postavlja se u korisničkom profilu. Sve što trebate učiniti je odabrati svoju sliku avatara i pritisnuti " Ažuriraj profil". Ovaj avatar bit će preuzet u mapu učitavanja svoj blog (ili u mapu koju ste postavili za učitavanje medija u postavkama bloga).

Slika avatara je postavljena na blog bez ikakvih promjena. Avatari potrebne veličine s ove slike generiraju se na zahtjev. Na primjer, u profilu je prikazan avatar veličine 96x96 - kada otvorite profil, kreirat će se avatar upravo tih dimenzija.

Velika pogodnost dodatka je što ne zamjenjuje gravatare, već radi zajedno s njima - ako je instaliran lokalni avatar, bit će prikazan u istim dimenzijama kao gravatari. Ako lokalni avatar nije instaliran, umjesto njega će se prikazati gravatar. Tako ćete izbjeći situacije u kojima se na 20 komentara različitih autora prikazuje samo jedan avatar komentatora koji nije bio lijen da ga postavi na blog.

Dodatak stvara avatar potrebne veličine samo jednom na prvi zahtjev. Zatim se uzima gotov avatar i stoga neće biti dodatnog opterećenja. Na različitim mjestima na blogu avatari se mogu prikazati u različitim veličinama (sukladno postavljenim veličinama izlaza gravatara), tako da će dodatak jednostavno stvoriti nekoliko avatara željene veličine:

Dodatak je vrlo jednostavan, ali u isto vrijeme u potpunosti obavlja funkcije koje su mu dodijeljene bez ikakvog finog podešavanja. Ako trebate lokalni dodatak za avatar za svoj blog WordPress, onda nećete naći ništa bolje.

Mnogi internet programeri to znaju WordPress je prekrasan sustav za upravljanje sadržajem web stranice, ako ga pravilno i stručno modificirate, odnosno proširite osnovne funkcionalnosti i prilagodite vlastitim potrebama. Za to se koriste dodaci - ništa više od razvijenih kodnih modula koji dodaju nove funkcije i mogućnosti, pomoću kojih "krojite" web mjesto prema određenoj temi i mogućnostima.

Jedan od najpopularnijih i najpoznatijih dodataka je WP korisnički avatar. Ovo proširenje omogućuje vam povećanje funkcionalnosti rada sa standardnim avatarima u sustavu. Zahvaljujući njemu, možete promijeniti uobičajeni i tipični standardni avatar u nešto svoje, a proširenje također omogućuje stvaranje sustava avatara: svaki registrirani korisnik dobit će svoj avatar. To pojednostavljuje i detaljizira standardne komentare, čineći ih privlačnijim i lakšim za čitanje, omogućujući vam da se isključite iz usluge Gravatar.com...

Glavne značajke dodatka:

  • Dodajte vlastite avatare;
  • Promjena zadanog avatara;
  • Dodijeliti različite avatare korisnicima;
  • Omogućuje korisnicima učitavanje vlastitih avatara;
  • Moguće je onemogućiti standardni avatar mijenjajući ga na prikladniji;
  • Omogućuje postavljanje ograničenja preuzimanja i veličine slike.

Za tako mali dodatak, broj funkcija i mogućnosti koje pruža sugerira da su programeri zauzeli profesionalan pristup rješavanju problema.

Instaliranje, konfiguriranje i korištenje značajki

Proširenje je instalirano na standardan način dodavanje dodataka u sustav. Instalacija i implementacija dodatka su automatizirani, tako da se čak i web majstor početnik može nositi s instalacijom:

  1. Preuzmite arhivu s dodatkom iz službenog WordPress imenika: http://wordpress.org/plugins/wp-user-avatar/
  2. Raspakirajte ga u mapu
  3. Otvorite FTP klijent i uspostavite vezu sa svojim mjestom
  4. Preuzmite raspakiranu mapu s dodatkom na stazi: WP-Content/Plugins
  5. Zatim možete zatvoriti ili minimizirati FTP klijent
  6. Idite na WordPress administratorsku ploču svoje stranice i otvorite odjeljak "Dodaci".
  7. Pronađite preuzeti WP User Avatar dodatak i Aktivirajte.
  8. Nakon toga možete započeti s upoznavanjem i konfiguracijom. Idite na odjeljak "Opcije / WP korisnički avatar".

Nakon instaliranja dodatka, on ima zadane postavke (mogu se vidjeti u tehnički opis u dodatak ili u parametrima samog dodatka).

Dodatak se konfigurira putem GUI, u kojem možete iskoristiti sve funkcije i mogućnosti koje su uključene u proširenje. Kako biste izvršili izmjene, samo promijenite nekoliko postavki i kliknite gumb na dnu stranice "Spremi" - vaša će stranica već izgledati drugačije.


Umjesto pogovora

Dodatak je tražen i među profesionalcima i među početnicima. Njegova glavna značajka je široka funkcionalnost, koja troši minimalnu količinu resursa. Zbog toga je dodatak toliko popularan i tražen...

Ako imate jedan na svom blogu/web stranici, onda ste vjerojatno primijetili različite ikone i fotografije tamo za korisničke profile. Ovi avatari u WordPressu implementirani su pomoću jednog korisna usluga, koji se zove Gravatar. Svaki korisnik na mreži može povezati svoju poštu s određenom slikom, nakon čega će ona biti prikazana na svim stranicama na mreži koje podržavaju ovu opciju. Programeri WordPressa jednostavno nisu mogli pomoći, a da ne dodaju ovu funkcionalnost u sustav.

Sve relevantne postavke pronaći ćete u odjeljku “Postavke” - “Rasprava” na samom dnu stranice. Tamo možete omogućiti prikaz, odrediti ocjenu prikazanih ikona i postaviti osnovnu vrijednost za korisnike bez Gravatara. Danas ćemo razgovarati o posljednjoj točki - pogledat ćemo kako promijeniti zadane WordPress avatare. Imate nekoliko opcija za odabir:

To može biti standardni logotip usluge, kao i nekoliko praznih i automatskih opcija. Nakon instaliranja i spremanja postavki, vidjet ćete navedenu opciju na web stranici.

Automatski generirane slike u principu ne izgledaju loše, ali svoj projekt možete učiniti malo originalnijim i dodati svoje jedinstvene Wordpress korisničke avatare.

Algoritam za rješavanje problema sastoji se od nekoliko jednostavnih koraka:

1. Učitajte avatar na WordPress

Slika se u WP dodaje na dva načina: putem FTP-a (FileZilla na primjer) ili izravno u sustavu. U prvom slučaju sliku možete smjestiti u bilo koji direktorij na web-mjestu; u drugom slučaju ona će automatski otići u medijsku biblioteku (wp-content/uploads).

Slika mora biti kvadratna; slike veće od 80x80 se ne prikazuju, ali neki programeri koriste veće veličine, do 250x250 (iako ne vidim puno smisla u tome).

Razmotrimo mogućnost preuzimanja putem administratorske ploče, budući da je vizualnija za korisnike. Odaberite "Dodaj novo" u odjeljku "Medijske datoteke".

Na stranici koja se otvori upotrijebite gumb "Odaberi datoteke" ili jednostavno povucite datoteku u navedeno polje. Kada preuzimanje završi, vidjet ćete dodanu sliku. Potrebno je kliknuti na poveznicu “Promijeni” koja se nalazi desno od imena (vidi sliku iznad). Nakon toga će se otvoriti sljedeći prozor:

Ovdje samo trebate kopirati adresu budućeg WordPress avatara, koji se nalazi u retku "File Link".

2. Implementacija hacka/isječka

Tradicionalno, dodajemo isječak u datoteku functions.php. Ako ste novi u ovom poslu, savjetujem vam da pročitate ili upotrijebite. Hak kod:

add_filter( "avatar_defaults" , "setnew_gravatar" ) ; funkcija setnew_gravatar ($avatar_defaults) ( $myavatar = "http://vaša_stranica/wp-content/uploads/new_avatar.png"; $avatar_defaults [ $myavatar ] = "Novi avatar" ; vrati $avatar_defaults; )

add_filter("avatar_defaults", "setnew_gravatar"); funkcija setnew_gravatar ($avatar_defaults) ( $myavatar = "http://your_site/wp-content/uploads/new_avatar.png"; $avatar_defaults[$myavatar] = "Novi avatar"; vrati $avatar_defaults; )

Važno! Za varijablu $myavatar morate dati poveznicu na datoteku koju ste preuzeli. Sljedeći redak postavlja naziv zadanog WordPress avatara, koji će biti prikazan u administratorskoj ploči.

3. Promjena postavki

Sljedeći korak je promjena avatara u postavkama sustava WordPress. Da biste to učinili, idite na odjeljak "Postavke" - "Rasprava", gdje ćete na samom dnu stranice pronaći novi element.

Ovo je možda najjednostavniji korak algoritma. Nakon toga preostaje samo otići na stranicu i provjeriti prikaz novih ikona. Ne zaboravite očistiti predmemoriju ako je imate u svom projektu!

4. Moguće pogreške

Da budem iskren, moj prvi pokušaj instaliranja novih WordPress korisničkih avatara nije bio uspješan. Nakon svih promjena, stranica je nastavila prikazivati ​​standardni Gravatar logo. Ako imate sličnu situaciju, potražite funkciju u datotekama predloška get_avatar(vjerojatno u comments.php ili functions.php). Ona je ta koja prikazuje ikone avatara. Uvjerite se da se prilikom pozivanja ne koristi parametar $default, već da su navedena samo prva dva:

U mom slučaju, ova je opcija navedena u funkciji, pa je prikazana odgovarajuća slika, a sve postavke unutar administratorske ploče su zanemarene. Ovo, u načelu, još jednom pokazuje da nisu sve teme u početku prikladne za implementaciju zadatka - ponekad morate malo podesiti kod.

Ukupno. Uglavnom, možete vidjeti da promjena zadanih korisničkih avatara u WordPressu nije tako teška. Glavna stvar je dosljedno i pažljivo slijediti sve korake algoritma i ne zaboraviti očistiti predmemoriju na kraju. Ako imate pitanja, napišite u komentarima.

Nastavljajući temu implementacije, želim razmotriti jedan zanimljiv dodatak koji će pomoći u diverzificiranju feeda komentara na blogu. Nisu svi korisnici registrirani u Gravataru, pa se s vremena na vrijeme na stranici pojavljuju standardne slike rezerviranih mjesta. Možete odabrati jednu od opcija u postavkama sustava automatska zamjena ikone (MonsterID, Wavatar, Identicon) ili vlastitu sliku. S jedne strane dodajete originalnost popisu komentara, s druge strane sve to nema veze s određenim korisnikom, jer generira se nasumično. Rješenje postoji, a ovo je dodatak WP First Letter Avatar.

Glavna svrha modula je automatska instalacija originalni avatari za korisnike WordPressa bez povezivanja na servis Gravatar (u stvari, njegova alternativa). Prilikom izrade odgovarajućih slika koristi se prvo ili bilo koje slovo iz korisničkog imena + dodaje se šarena pozadina. Kao rezultat, dobivate nešto poput ovoga:

WP First Letter Avatar ima mnogo različitih postavki i mogućnosti, jasno je da je autor radio na svemu do najsitnijih detalja. Modul će vašem blogu dodati jarke boje, a također će privući pozornost posjetitelja i možda ih potaknuti na pisanje. Očito, ovo je puno zanimljivije rješenje od osnovnih "stubova", plus slike su izravno vezane uz osobnost autora.

Glavne značajke WP First Letter Avatar:

  • Dodatak generira avatare u WordPressu za gotovo svako korisničko ime: latinicu, ćirilicu, brojeve, pa čak i arapsku abecedu.
  • Podržane su različite veličine: 48px, 96px, 128px, 256px, 512px, a modul odabire najviše najbolja opcija kako ne bi prikazivali prevelike slike u slučajevima kada je dovoljno minimalno 48px.
  • U arhivi ćete također pronaći PSD izvore za zadane ikone.
  • Možete ispraviti trenutne slike (koristeći Mockup PSD) ili apsolutno dodajte svoju novi set. To će vaš projekt učiniti što jedinstvenijim jer nitko drugi neće imati takve avatare za WordPress komentare.
  • Sve su grafike optimizirane putem usluge TinyPNG kako bi bile što svjetlije.
  • Rješenje je kompatibilno s bbPress i wpDiscuz. Uz BuddyPress koristite posebnu modifikaciju - BuddyPress First Letter Avatar.

Instalacija i konfiguracija WP First Letter Avatar

Preuzmite dodatak ili pretražite po nazivu unutar administratorske ploče. Vrlo bitan detalj - potreban mu je najmanje PHP 5.4 da bi radio! Ako nakon aktivacije vidite poruku o kritična greška, onda je najvjerojatnije problem u PHP verziji. Obratite se svom domaćinu za pomoć.

U vrijeme pisanja recenzije bila je aktualna verzija 2.2.7. Zahtijevao je minimalno WordPress 4.6, tako da ćete morati instalirati web stranice na starije verzije. Nema mnogo preuzimanja - više od 3 tisuće, ocjena je gotovo maksimalna - 4,8 (netko je dao 1 bod jer ga nije mogao pokrenuti).

Nakon aktiviranja modula, on će odmah početi raditi bez dodatne postavke— svi WordPress avatari koji ne koriste Gravatar dobit će slike s prvim slovom svog imena. Možete unijeti neke promjene u rješenje u odjeljku "Postavke" - "WP First Letter Avatar".

Tamo je:

  • Indeks slova — broj slova koje se čita u imenu komentatora: "0" je prvo, "1" je drugo itd., "-1" je posljednje.
  • Format datoteke - png format ili jpg.
  • Nepoznati naziv slike - naziv datoteke za nepoznate nadimke kod kojih je nemoguće primijeniti algoritam prepoznavanja (prema zadanim postavkama mystery.png).
  • Skup avatara - trenutni skup WordPress avatara (zapravo, ovo je naziv mape na hostingu u kojoj su pohranjene ikone rezerviranog mjesta wp-prvo-slovo-avatar/slike/zadano/).
  • Koristite Gravatar — želite li uključiti originalne Gravatare na stranicu. Ako je onemogućeno, sve će slike biti generirane putem WP First Letter Avatar.
  • Okrugli avatari - okrugle slike (poput Google+).
  • Prioritet filtera dodataka - kada koristite nekoliko dodataka za avatare, ovu postavku omogućuje postavljanje prioriteta. Tako, na primjer, ako će WP First Letter Avatar ometati rad drugih modula, smanjite ovaj parametar. Ponekad biste trebali postaviti vrijednost od 11 do 9999 kako biste dobili viši prioritet.

Ukupno. Što god rekli, dodatak je super. Prvo, izgleda originalno, a drugo, savršeno je implementirano i promišljeno do najsitnijih detalja. Ako tražite prikladno rješenje da svoj feed komentara učinite živopisnijim i jedinstvenijim - bolja metoda nije moguće pronaći. U isto vrijeme, možete jednostavno promijeniti osnovne opcije ikona na svoje. Jedino što ne znam kako stoje stvari s opterećenjem stranice tijekom velikih posjeta: s jedne strane, slike su optimizirane, s druge strane, naravno, lakše je prikazati jednu sliku za sve. Međutim, ne mislim da postoje značajna kašnjenja pri učitavanju, pogotovo zato što su komentari često podijeljeni na stranice. Općenito, probajte WP First Letter Avatar i ispod napišite svoje dojmove.

U ovom članku ćemo razumjeti što su WordPress avatari, što su, koje značajke imaju, a također ćete naučiti kako osigurati da vaš jedinstveni avatar bude prikazan na svim WordPress stranicama.

Avatar u komentarima- Ovo grafička slika korisnik stranice, prikazan u bloku komentara. Avatar je dizajniran za brzu identifikaciju korisnika i davanje dodatne jedinstvenosti korisniku. ova osoba, budući da se nadimci mogu podudarati, što znači da se lako možete zbuniti kojoj osobi pripada ova ili ona poruka.

WordPress- ovo je sustav za upravljanje web stranicama ili, drugim riječima, site engine. Koristi se za izradu blogova, kao i malih vijesti i izvori informacija. WordPress se smatra najpopularnijim motorom. Na njemu je već izgrađeno nekoliko desetaka milijuna web stranica.

Avatar na web stranici WordpRess, sa stajališta posjetitelja stranice, mogu se podijeliti u dvije vrste standard I vlastiti.

1. Standardni avatari su oni koje odabere vlasnik stranice u postavkama.

Usput, mogu biti ovako:

  • Standardna i već klasična verzija je tajanstveni čovjek (bijela silueta na siva pozadina). Ovo je najpopularniji avatar na mnogim, mnogim stranicama.
  • Ako autor ne želi slike u komentarima, tada odabire vrijednost “Empty”.
  • U nastavku sam napisao što je Gravatar. U istoj opciji svi korisnici će prikazati svoj plavi logo.
  • Slijede grupe avatara, koje se automatski generiraju za svakog korisnika stranice na temelju E-mail adrese koju su unijeli. Ove postavke su spremljene i ubuduće će ta osoba uvijek pisati komentare ispod ove slike na ovoj stranici.

Posebnost: standardni avatari, za razliku od vaših vlastitih, lokalni. To znači da će vam takav avatar biti priložen samo na određenom mjestu. To znači da ćete pisanjem komentara na drugom resursu tamo već imati drugačiji avatar, u skladu s postavkama te stranice.

2. Vaši vlastiti, jedinstveni avatari.

Web stranice koje pokreću WordPress koriste tehnologiju Gravatar. Omogućuje svakom korisniku da se registrira na web mjestu, postavi jedinstveni avatar za sebe, na primjer, svoj portret i povežite ovu sliku sa svojom email adresom.

Ubuduće, kada koristite navedenu adresu e-pošte za pisanje komentara, sinkronizacija će se izvršiti s račun Gravatar i vaša jedinstvena slika bit će prikazani na stranici. Štoviše, to će se dogoditi na apsolutno svim WordPress stranicama.

Bilješka

Da dodam da je trenutna slika uvijek prikazana. Recimo, nakon godinu dana odlučite promijeniti svoj avatar na drugu sliku; Nakon što to učinite, slika će se ažurirati na novu na svim stranicama na kojima ste ikada ostavljali komentare.

Kako postaviti svoj jedinstveni avatar

Dakle, ako odlučite napraviti vlastiti, jedinstveni avatar za sve WordPress stranice, slijedite ove upute:

Korak 1 Idite na Gravatar - Globalno priznati Avatar.

Korak 2

Kliknite na veliki gumb "Stvorite vlastiti gravatar".

Ili kliknite na "Ući" na vrhu ekrana i zatim "Stvorite račun"(Izraditi novi račun).

3. korak

Koju god metodu odabrali, trebao bi se pojaviti sljedeći prozor:

Ispunite polja:

  • E-mail adresa (mora biti stvarna, inače nećete proći korak 4);
  • Vaš nadimak također je i vaša prijava (mora biti jedinstven, ali uopće nije potrebno koristiti ga na stranicama za komentiranje);
  • kreirajte lozinku (mora sadržavati slova i brojke).

Pažnja! Unosom adrese e-pošte povezujete avatar s njom. Odsada pa nadalje, da Gravatar radi, potrebno na WordPress stranicama koristiti samo ova email adresa. U suprotnom, sustav vas neće identificirati, što znači da će se prikazati standardni avatar.

Korak 4

Na navedenu e-mail adresu bit će poslano pismo za potvrdu registracije. Idite na svoju poštu, pronađite ovo pismo i slijedite vezu u njemu.

Nakon čega će vam WordPress zahvaliti na registraciji i ponuditi da se prijavite na svoj račun:

Korak 5

Konačno se pojavio glavni prozor za upravljanje računom. Vidite koje e-mail adrese pripadaju vama. Klikom na gumb "Dodaj adresu e-pošte" možete dodati više i više poštanski sandučići. Ali nas zanima avatar, pa radije kliknite "Dodaj novu sliku"(Dodaj novu sliku).

Korak 6

Pojavit će se prozor za odabir izvora slike: prenesite sa svog računala, navedite poveznicu na sliku (ako je već negdje na internetu), odaberite iz prethodno preuzetih (relevantno ako ste prethodno dodali slike u Gravatar galeriju) i snimite fotografiju web kamerom.

Korak 7

Klasična verzija "Učitaj novo"(preuzimanje s računala). Kliknite i idite na sljedeći izbornik, u kojem morate odrediti put do slike na računalu. Kliknite na "Odaberi datoteku", pronađite je i kliknite na "Dalje".

Korak 7

Avatar može biti samo kvadratni. Stoga, kada se slika učita, morat ćete upotrijebiti okvir za označavanje područja slike koje će ići na vaš avatar.

Ispod na stranici možete vidjeti kako će ova slika izgledati na malom i velikom avataru.

Kada se odlučite za područje kliknite na "Izreži i završi"(Izreži i završi).

Korak 8

Posljednji dodir je naznačiti koja dobna kategorija može pogledati vašu sliku. Ovdje sve ovisi o vašem kulturnom odgoju i moralu.

  • G- Prikladno za svaku publiku
  • PG- Može sadržavati uvredljive elemente, obično prikladne za publiku stariju od 13 godina
  • R- Namijenjeno odraslima starijim od 17 godina
  • x- Za još zreliju publiku

Čemu služi? - IN Postavke WordPressa stranice, postoje iste ocjene. Vlasnik stranice dužan je označiti okvir pokraj dobne kategorije koja će vidjeti njegovu stranicu. U skladu sa svojim postavkama i vašim postavkama, sustav će razumjeti treba li prikazati ovaj avatar ili ne.

Korak 9

Sve je spremno! Sada možete isprobati kako radi. Radi na WordPress motoru, tako da možete napisati komentar na ovoj stranici ispod bilo koje objave. Evo što se na kraju dogodilo:

Ako primijetite pogrešku u tekstu, odaberite je i pritisnite Ctrl + Enter. Hvala vam!