Jó napot kedves olvasók! Egészen a közelmúltig nem volt saját blogom, és amikor elkezdtem létrehozni az elsőt, gyakran észrevettem, hogy mások wordpress-en készült blogjain a kommentelőknek nagyon szép avatarjaik vannak. Egyetértenek kellemesen kommunikálni gyönyörű fotó, és nem arctalan négyzettel vagy akár annak hiányával. Tehát ma azt szeretném felajánlani neked, hogy távolodj el egy egyszerű uniszex jeltől, és kínálj egy egyszerű módot arra.
Először is szeretném tisztázni, hogy az avatar nem filmfigura, hanem egy kis kép, amely a tulajdonosát - egy valós személyt - ábrázolja. Az avatar kiválasztásakor tartsa be az ötöt egyszerű szabályok:
- a választott képnek tükröznie kell Önt
- az avatar kiválasztásánál célszerű ragaszkodni a blogod tartalmához vagy a fórumon hagyott üzenetekhez
- a kiválasztott képnek viszonylag egyedinek kell lennie
- a kiválasztott képnek tisztanak kell lennie
- tetszik az avatar
Az avatarválasztásnál erre az öt szabályra azért figyeltem, mert olyan szolgáltatást fogunk igénybe venni, amely lehetővé teszi a kiválasztott kép csatolását egy e-mailhez. A végén pedig bármilyen projekthez írva megjegyzést, és a Gravatar technológiát támogató rendszerben regisztrált e-mail címet megadva, az általad választott avatar automatikusan megjelenik, vagyis ha egyszer regisztrálsz a szolgáltatásba, megkapod a sajátodat. avatar a kommentekhez örökre!
Szerintem elég a dalszövegből, de inkább kezdjük el saját avatar létrehozását, ehhez pedig végig kell menni a Gravatar rendszerben a regisztrációs procedúrán. A bal felső sarokban megnyíló oldalon az egeret a Bejelentkezés / Regisztráció fölé mozgatva felugrik egy ablak, amelyben a Regisztráció elemet kell kiválasztani.
A megnyíló ablakban adja meg az e-mail címet, amelyet később használni fog a blogok vagy fórumok megjegyzéseinek írásakor
A cím megadása után kattintson a „Regisztráció” gombra és megjelenik egy üzenet, hogy a regisztráció folytatásához a megadott címre küldött levélben szereplő hivatkozást kell követni. A levél azonnal megérkezik, és a linkre kattintva megnyílik a szolgáltatás oldala, ahol meg kell adni a nevet (kötelező latin betűk és számok kombinációja) és a jelszót.
Az összes mező kitöltése után nyomja meg a "Regisztráció" gombot, és lépjen egy oldalra, amely jelzi, hogy az avatarodhoz több kép még nincs feltöltve. Kattintson a linkre (továbbiak hozzáadásához kattintson ide!).
1) C merevlemez a számítógépem
2) Kép az internetről
3) A számítógépemhez csatlakoztatott webkameráról
4) Korábban feltöltött kép
Inkább az első lehetőséget választottam, és a Számítógép merevlemezéről lehetőségre kattintva megnyílt egy oldal, amely arra kér, hogy válasszak ki egy képet a számítógépemen, amelyet le akarok tölteni. A kép vagy fénykép kiválasztása után kattintson a "Tovább" gombra
Miután eldöntötte, kattintson a „Befejezés” gombra. Végül pedig meg kell adnia azoknak a webhelyeknek vagy blogoknak a kategóriáját, ahol látni szeretné az újonnan telepített kép tükrözését. Azt javaslom, hogy válassza ki (a G besorolású Gravatarok bármilyen közönségnél megjelennek.) a G betűvel ellátott négyzetre kattintva.
Ez az avatar alkotás készen van, most a blogokhoz írt megjegyzéseit és az e-mail címét megadva a kép automatikusan megjelenik, már csak be kell állítani az avatar tükrözését a blogomon.
Ehhez lépjen az adminisztrációs panelre a "Beállítások" - "Megbeszélés" menüpontban.
A megnyíló beállítási oldalon először a megjegyzések megjelenítésére van lehetőség, és csak a legalul van egy kis szakasz az avatar beállításokkal.
Bejelöljük az „Avatarok megjelenítése” jelölőnégyzetet, és a reflexiós problémák elkerülése érdekében bejelöljük a „G” megengedett besorolás négyzetét, és kiválasztjuk, hogyan jelenjenek meg azok a kommentátorok, akiknek nincs Gravatarjuk.
Mentjük a változtatásokat. Ellenőrizzük az avatar tükröződését, csak mi magunk írjuk meg a megjegyzést. Tükrözött? Nagy! De voltak problémáim - az avatar nem tükröződött, és a probléma megoldásához telepítenem kellett a Gravatar bővítményt. A bővítmény letöltése után csomagolja ki és telepítse a /wp-content/plugins/ könyvtárba, majd aktiválja. További beállítások ez a plugin nem szükséges.
Ha az avatar a bővítmény telepítése után sem jelenik meg, akkor az ok magában a sablonban rejlik. Természetesen nem szabad rohanni a változtatással, és megtagadni az avatar tükrözését sem. Ez a probléma segít a rezhit kódban az avatarok megjelenítéséhez.
Ezt a kódot a comments.php fájlba kell elhelyezni A fájl kódja nagy, a script kódot oda kell adni, ahol a megjegyzés kimeneti kód elkezd megjelenni. A következő kódot kell hozzáadnia:
Ahol a „40” az avatar mérete
Egy kis segítség kedvéért megmutatok néhány kódot a comments.php-ből:
comment_approved ==
‘0’) : ?>
Megjegyzését moderálásra küldtük.
A kód megírása és a változtatások mentése után az avarkájának meg kell jelennie a megjegyzésekben.
A megoldás egyszerű, az eredmény pedig kellemes a szemnek.
Ha nem szeretné lemaradni az új anyagok megjelenéséről a „Seo Notes Desperate” blogon, akkor azt javaslom, hogy iratkozzon fel az új anyagok megjelenésére az Ön számára kényelmes formában.
Talán érdekelni fog:
Fogadja html kódot avatar ( ) kommentátor, ha a felhasználó be van jelentkezve, vagy megjegyzéskor megadott e-mail-címet. Általánosan használt a megjegyzés rovatban.
A Comment Loop-on belül használjuk, vagy az első paramétert kell átadni!
Függvénycsere (újradefiniálás) - a bővítményben létrehozhat egy azonos nevű függvényt, akkor az lecseréli az aktuális függvényt.
✈ 1 alkalom = 0,000196s = gyors| 50 000-szer = 4,98 s = gyors| PHP 7.1.0, WP 4.7.1
visszatér
Karakterlánc/hamis. HTML tag . hamis, ha a kérés sikertelen volt. Ha nincs avatar, de a kérést elküldték, akkor az alapértelmezett avatart adja vissza – nem hamis.
Használat
$id_or_email (karakterlánc/objektum/szám) (kötelező)Annak a felhasználónak az azonosítója vagy e-mail címe, akinek avatart szeretne kapni. Megadhat objektumokat is: WP_User , WP_Post , WP_Comment vagy md5 hash of gravatar.
A legtöbb sablonban ebben a paraméterben megadhatja a $comment globális változót. Ha a funkció nem működik (hibát vet fel), akkor írja bele a kommentátor e-mailjét, ez a következőképpen történik:
Get_the_author_meta(" [e-mail védett]");$méret (szám) Képméret. A megadott szám lesz a szélesség és magasság pixelben.
Alapértelmezett: 96$alapértelmezett (vonal)
A kép URL-je alapértelmezés szerint azon felhasználók számára, akiknek nincs avatarjuk a gravatar szolgáltatásban.
Elfogadja még:
Alapértelmezett: "" (beállítás értéke "avatar_default" vagy "rejtély")
$alt (vonal) Szöveg az „alt” címkeattribútumhoz .
Alapértelmezett: ""$args (sor)
További érvek az avatar megszerzéséhez:
- magasság - Szám. Magasság pixelben. Az alapértelmezett érték: $size .
- szélesség - Szám. Szélesség pixelben. Az alapértelmezett érték: $size .
- force_default – logikai érték. Mindig az alapértelmezett képet mutasd, és soha az avatart.
- értékelés - String. A megjelenítendő avatar minimális értékelése. Lehet: "G", "PG", "R", "X". Az opció alapértelmezett értéke "avatar_rating".
- séma – Egy karakterlánc. A használandó URL-séma. Lásd: set_url_scheme() .
- osztály - Tömb/karakterlánc. További osztályok az img címkéhez.
- force_display – logikai érték. Mindig mutasd az avatart? Figyelmen kívül hagyja a show_avatars opciót.
- extra_attr - Karakterlánc. További HTML-attribútumok az IMG-címkéhez. Megjelenítés előtt nincs törölve.
Alapértelmezett: null
Példák
#1. Mutassuk meg az aktuális kommentátor Avatarját:
#2 Az aktuális bejegyzés szerzőjének avatárjának megjelenítése
#3 Stílusattribútum hozzáadása
Az "extra_attr" paraméter lehetővé teszi az IMG címke bármely attribútumának hozzáadását:
user_email, 30, "", "", array("class"=>"pull-left", "extra_attr"=>"style="margin: -4px 7px;"")); ?>
#4 Alapértelmezett avatar opció a vitabeállításokban
Ez a kód egy másik kép hozzáadásához (opció) a vitabeállításokhoz, amely kiválasztható alapértelmezett avatarként. Ezt az avatart a get_option("avatar_default") opció tárolja.
## Újabb alapértelmezett avatar opciót ad a vitabeállításokhoz ## A "def-avatar.jpg" avatarfájlt fel kell tölteni az "img" témamappába add_filter("avatar_defaults", "add_default_avatar_option"); függvény add_default_avatar_option($avatars)( $url = get_stylesheet_directory_uri() . "/img/def-avatar.jpg"; $avatars[ $url ] = "Webhely avatar"; $avatars visszatérés; )
Ennek eredményeként a következő kiegészítő lehetőséget kapjuk:
#5 Alapértelmezett avatar
Ha az előző opcióhoz horgot kell hozzáadni, akkor menjen a beállításokhoz és válassza ki az alapértelmezett avatart, akkor ez az opció azonnal beállítja az alapértelmezett avatart...
Ez az opció menet közben állítja be az alapértelmezett avatart a következő függvényekhez: get_avatar_url() és get_avatar_data() . Az alapértelmezett avatar csak akkor lesz beállítva, ha az alapértelmezett avatar nincs megadva a függvényben, pl. az "alapértelmezett" paraméter nincs beállítva.
## Beállítja az alapértelmezett avatart ## A "def-avatar.jpg" avatarfájlt fel kell tölteni az "img" témamappába add_filter("pre_get_avatar_data", "replace_default_avatar"); függvény helyettesít_default_avatar($args)( // admin és vitalap, ahol az alapértelmezett ava be van állítva... // if(is_admin() && get_current_screen()->base === "options-discussion") return $args; static $ defava; if($defava === null) $defava = get_option("avatar_default", "rejtély"); // felgyorsítás // Ha alapértelmezett ava van használva, a "default" opció akkor működik, ha be van állítva az avatar függvényekhez if (! $args["alapértelmezett"] || $defava == $args["alapértelmezett"])( $args["default"] = get_stylesheet_directory_uri() . "/img/def-avatar.jpg"; ) return $ args ;)
Változások listája
| A 2.5.0 verzió óta | Bemutatott. |
| A 4.2.0 verzió óta | Opcionális $args paraméter hozzáadva. |
Kód szerezd be az avatart: wp-includes/pluggable.php WP 5.3.2
96, "height" => null, "width" => null, "default" => get_option("avatar_default", "rejtély"), "force_default" => false, "rating" => get_option("avatar_rating") , "scheme" => null, "alt" => "", "class" => null, "force_display" => false, "extra_attr" => "",); if (üres($args)) ( $args = array(); ) $args["méret"] = (int) $méret; $args["alapértelmezett"] = $alapértelmezett; $args["alt"] = $alt; $args = wp_parse_args($args, $defaults); if (empty($args["height"])) ( $args["magasság"] = $args["méret"]; ) if (üres($args["szélesség"])) ( $args["szélesség" "] = $args["méret"]; ) if (is_object($id_or_email) && isset($id_or_email->comment_ID)) ( $id_or_email = get_comment($id_or_email); ) /** * Szűri, hogy le kell-e kérni az avatárt URL korai. * * Ha nem nulla értéket adunk meg, akkor a get_avatar() rövidre zárja, * az értéket átengedi a (@lásd "get_avatar") szűrőn, és korán visszatér. * * @a 4.2.0 óta * * @param string|null $avatar HTML a felhasználó avatarjához. Alapértelmezett null. * @param vegyes $id_or_email A visszakeresendő Gravatar. Elfogad egy user_id-t, gravatar md5 hash-t, * felhasználói e-mail-t, WP_User objektum, WP_Post objektum vagy WP_Comment objektum.* @param tömb $args A get_avatar_url()-nek átadott argumentumok feldolgozás után.*/ $avatar = apply_filters("pre_get_avatar", null, $id_or_email, $args); ($avatar) ) ( /** Ez a szűrő a wp-includes/pluggable.php fájlban van dokumentálva */ return apply_filters("get_avatar", $avatar, $id_or_email, $args["size"], $args["alapértelmezett" ], $args ["alt"], $args); ) if (! $args["force_display"] && ! get_option("show_avatars")) ( return false; ) $url2x = get_avatar_url($id_or_email, array_merge($ args, array( "méret" => $args["méret"] * 2))); $args = get_avatar_data($id_or_email, $args); $url = $args["url"]; if (! $url || is_wp_error( $url)) ( return false; ) $class = array("avatar", "avatar-" . (int) $args["méret"], "fotó"); if (! $args[" found_avatar"] || $args["force_default"]) ( $class = "avatar-default"; ) if ($args["osztály"]) (if (is_array($args["osztály"])) ( $class = array_merge($ osztály, $args["osztály"]); ) else ( $osztály = $args["osztály"]; ) ) $avatar = sprintf("
", esc_attr($args["alt"]), esc_url($url), esc_url($url2x) . " 2x", esc_attr(join(" ", $class)), (int) $args["magasság" ], (int) $args["width"], $args["extra_attr"]); /** * Szűri a visszakeresendő avatart. * * @2.5.0 óta * @4.2.0 óta Az `$args` * * @param string $avatar Jó estét olvasóim. Tegnap szokás szerint végignéztem az oldalaim hozzászólásait. Az egyikben egy felhasználó megkérdezte, hogyan állíthatom be az avatarját az alapértelmezett gravatar helyett. már elküldtem a címre Felhasználók->Az Ön profiljaés csak akkor jöttem rá, hogy a WordPress-ben kezdetben nincs lehetőség saját avatar beállítására. Megígértem olvasómnak, hogy megoldja ezt a problémát, és megoldást kerestem. Olvassa el, mit tettem.
Miután elolvastam az avatar megváltoztatásával foglalkozó blogokat, rengeteg visszavont cikket láttam, amelyek leírják, hogyan kell megváltoztatni az avatárt a gravatar fiókban. Nem tudom, miért olyan aktuális ez a téma (bár nem, hazudok, tudom: valaki egyedül írta a cikket, és más webmesterek írták át), de mindenki ír erről. Nem találtam olyan cikket, amely közvetlenül arról szólna, hogyan állíthat be helyi profilképet a webhelyen. Bár megmondom őszintén, nem is olyan régóta keresem.
A másik út mellett döntöttem: felkerestem a wp hivatalos oldalát, és rákerestem a wordpress avatar pluginjára: http://wordpress.org/extend/plugins/search.php?q=avatar . Nagyon sok plugint láttam. Telepítettem az elsőt, amivel találkoztam - Add Local Avatar. Eleinte nem tetszett, túl nagy volt. Kikapcsolva, eltávolítva.
Aztán figyelmemet a bővítményre fordítottam. Letöltöttem, telepítették. Azonnal működött minden további lépés nélkül. Ennek azonban számos hátránya van:
- Nem választhatja ki azt a mappát, ahová az avatarok betöltődnek. Ugyanoda töltődnek be, ahol az összes médiafájlt betöltik.
- Az avatar mérete nincs korlátozva (legalább 10 mb-os fájlt tölthet fel).
A beépülő modulban minden más megvalósul:
- Automatikus képátméretezés: bármilyen méretű képet feltöltesz, a script több másolatot készít belőle a webhelyeden használt méretekben. Ha már létrejött egy másolat, a szkript nem hozza létre újra, hanem visszaadja a bélyegkép régi másolatát.
- Lehetőséged van megtiltani az avatarok feltöltését bárki számára, aki alacsonyabb RANK-ban van, mint a szerző.
- A legnagyobb plusz. A bővítmény felülírja a . Ez azt jelenti, hogy ha már megjelenítetted valahol az oldalon felhasználói avatarokat, akkor a plugin telepítésével neked is minden működni fog, hiszen a funkció neve nem változott.
Valójában nagyon megtetszett ez a bővítmény, és úgy döntöttem, hogy egy kicsit befejezem, kiküszöbölve a fenti hátrányokat. Ennek a bővítménynek az én verziójában a következő funkciók vannak megvalósítva:
- Az összes avatar feltöltődik a mappába ABSPATH . "wp-content/uploads/avatars".
- A felhasználók csak 100 kb-nál kisebb méretű fájlokat tölthetnek fel.
- A felhasználók csak olyan fájlokat tölthetnek fel, amelyek nevében nem szerepel .shtml, .php.
Plugin telepítése:
- Telepítse a bővítményt a szokásos módon.
- Hozzon létre egy wp-content/uploads/avatars mappát.
- Ehhez a mappához állítsa az engedélyeket 755-re.
Remélem, az avatar bővítményem segíteni fog neked. Ha bármilyen kritikus hibát találsz benne, kérlek írj róla, mert a szkriptet a valós projektjeimnél használom.
Sziasztok olvasóim! Ma a Gravatarról fogok beszélni a wordpressben:
- mi az a gravatar;
- hogyan engedélyezhető a gravatar a megjegyzésekhez a wordpressben;
- hogyan adhatunk hozzá új alapértelmezett gravatar-t a blogolvasók számára;
- FV Gravatar Cache bővítmény – felgyorsítjuk az olvasók avatárjainak betöltését.
Mi az a Gravatar
Gravatar a gravatar.com webhelyen található szolgáltatás, amely lehetővé teszi egy univerzális avatart csatolását az e-mailhez (e-mailhez). Ez az avatar ebben a szolgáltatásban lesz tárolva, és a Gravatar funkciót támogató webhelyeken és blogokon a megjegyzései mellett jelenik meg. Természetesen kommenteléskor jelezd, hogy melyik levélhez kötötted a gravatárodat.
Milyen előnyökkel jár ez számunkra? Ha csak egy szolgáltatásnál módosítod az avatarod, a különböző blogokhoz írt összes megjegyzésedre módosítod. Lehet, hogy ez a módszer nem rugalmas, de sok időt takarít meg. Ezenkívül a legtöbb blogon tilos a regisztráció, és nincs ilyen profilja, és ehhez az avatarhoz csak meg kell adnia az e-mail-címét.
Vele már korábban is foglalkoztam a blogomon egy külön cikkben, mert a gravatar funkció nem csak a WordPresshez, hanem más modern CMS-ekhez is elérhető. Csak a Drupal és a Joomla igényel további bővítményeket.
Gravatar engedélyezése a WordPressben és új alapértelmezett avatar létrehozása
A WordPress 2.5-ös és újabb verzióiban a gravatar funkció alapértelmezés szerint be van építve. Nem kell további kódot hozzáadnia a használt téma sablonjaihoz – mindent a WordPress adminisztrációs paneljén konfigurálhat.
Lépjen az "Opciók" - "Megbeszélés" szakaszba, és görgessen le az oldalon az "Avatarok" elemhez.
Az első dolog az avatarok megjelenítésének engedélyezése:
és egy alapértelmezett avatar, amely azon felhasználók számára jelenik meg, akik nem rendelkeznek fiókkal a gravatar.com oldalon:
A választék kicsi, de saját képet is felvehet. Lássuk, hogyan kell csinálni.
1. számú módszer.
Keressen egy új képet, és töltse fel a szerverre az Ön által használt WordPress téma images mappájába: wp-content/themes/theme_name/images. Ezután nyissa meg a functions.php fájlt szerkesztésre, és adja hozzá a következő sorokhoz:
ez a kódblokk:
| add_filter( "avatar_defaults" , "newgravatar" ) ; function newgravatar ($avatar_defaults ) ( $myavatar = get_bloginfo("template_directory") . "út a képhez"; $avatar_defaults [ $myavatar ] = "NazvanieAvatara" ; return $avatar_defaults ; ) |
Ne felejts el belépni a képhez vezető út(/theme_name/imades/picture_name) és NazvanieAvatara , amely alatt a kép megjelenik az alapértelmezett avatarlistában.
A változtatásokat a functions.php fájlba mentjük, és a WP adminisztrációs paneljének "Options" - "Discussion" részébe lépünk, ahol az elérhető avatarok listájából kiválasztjuk az újonnan hozzáadott képet.
2. számú módszer.
Használhatja a plugint - Új alapértelmezett avatár hozzáadása. A bővítmény alapértelmezés szerint telepítve van, aktiválása után beállításai megjelennek a "Megjelenés" - "Új alapértelmezett avatar hozzáadása" részben.
Mindössze annyit kell tennie, hogy válasszon ki egy képet a számítógépéről (Kép feltöltése), állítsa be a nevét (Avatar neve) és kattintson az Avatar hozzáadása gombra. A plugin maga tölti fel a képet a szerverre, csak ki kell választani.
FV Gravatar gyorsítótár bővítmény
Az utolsó dolog, amiről ebben a cikkben szeretnék beszélni, egy kis FV Gravatar Cache bővítmény, amely lehetővé teszi a gravatarok gyorsítótárazását a WordPressben, ezáltal növelve a sok megjegyzést tartalmazó blogoldalak betöltésének sebességét.
Töltse le az FV Gravatar Cache-t a wordpress.org webhelyről, bontsa ki az archívumot az aktuális könyvtárba, és töltse fel a kapott mappát a szerverre a wp-content/plugins könyvtárban a segítségével. Aktiválja a bővítményt a WP adminon keresztül.
A beépülő modul beállításai a "Paraméterek" - "FV Gravatar Cache" részben találhatók. Csak az avatar méretét változtattam meg, 32 px-re. A többi beállítás változatlan maradt.
Ennyi, köszönöm a figyelmet! Ne felejts el feliratkozni a blog hírfolyamára, mert még sok hasznos és érdekes dolog vár rád. Vigyázz magadra!
A Gravatarral, egy ingyenes szolgáltatással foglalkoznak, amely lehetővé teszi, hogy egyszer letöltsön egy képet, és számos olyan webhelyen felhasználhassa, amely támogatja a vele való munkát. Ez a jól ismert Automattic csapat fejlesztése, és több ezer oldalon bizonyított, elsősorban a Wordpress platformon. Népszerűségét annak is köszönheti, hogy nem igényel speciális beágyazó eszközöket vagy beépülő modulokat.
De ha bármilyen okból nem elégedett a Gravatarral, akkor ne essen kétségbe. Sok jó csere található a neten. Hogy ne fáradjon a kereséssel, válogattunk néhány közülük. Az itt bemutatott mindegyik meglehetősen egyszerű és könnyen használható, és nincs észrevehető hatással sem az oldal betöltési idejére, sem a szerver általános terhelésére.
Helyi avatár hozzáadása
Az egyértelmű előnyök és a könnyű használat ellenére néhány felhasználó nem szereti a Gravatart. Ha pedig kedvükre akarsz tetszeni (ami teljesen természetes), akkor használd ezt a plugint, amivel beállíthatsz egy helyi szerveren található képet avatarként.De maga az avatar kölcsönzési ötlete nagyon jó, ezért a fejlesztők hozzáadták a képességet használd a Twitter avatarodés azt hiszem, hogy ugyanaz az avatar különböző platformokon nagyszerű.
A bővítmény egy csodálatos beállítási panellel rendelkezik, ahol bármely felhasználó beállíthatja a kívánt képet, és számos olyan beállítást állíthat be, amelyek még a kezdők számára is érthetőek
WP felhasználói avatar
Ezzel a bővítménnyel a médiamappából bármelyik képet beállíthatja avatarként. Ugyanakkor az adminisztrátor korlátozhatja a méretet (pixelben vagy kilobájtban), és kezelhet néhány egyéb hasznos opciót és beállítást.
Szerző Avatarok listája
Ha több játékosod van, akkor ez a bővítmény nagyon hasznos lesz. Ezzel a szerzők listáját ikonként jelenítheti meg az oldalsávon vagy az oldal bárhol egy rövid kód segítségével.
Betöltés...