Avatare / Gravatare mit WordPress verwenden

26 11 2008

Wenn man in Blogs mit­liest, dort Kom­men­tare hin­ter­lässt oder viel­leicht gar einen eige­nen Blog betreibt, kommt man zwangs­läu­fig mit der Frage — Avatar/Gravatar — ja/nein – wie Ein­set­zen — in Berührung.

Ein Ava­tar ist ein “gra­fi­scher Stell­ver­tre­ter” für eine reale Per­son in der Vir­tu­el­len Welt des Net­zes. Waren es anfangs nur Bil­der, Icons oder 3D-Figuren, wer­den mitt­ler­weile auch ani­mierte Figu­ren auf Web­sei­ten als Ava­tar bezeich­net (bspw. Anna von Ikea die dem Besu­cher Unter­stüt­zung bei der Pro­dukt­su­che geben soll).

Ein Gra­va­tar (Glo­bal Reco­gnized Ava­tar) ist nun eine glo­bal ver­füg­bare, zumeist qua­dra­ti­sche Gra­fik, die mit der eMail-Adresse einer rea­len Per­son ver­knüpft ist. Die eMail-Adresse ist über eine MD5-Codierung ver­schlüs­selt, so dass über den Gra­va­tar nicht rück­wärts auf die eMail-Adresse geschlos­sen wer­den kann. Die­ser Gra­va­tar wird auf dar­auf spe­zia­li­sier­ten Web­sei­ten wie bspw. gravatar.com gespei­chert. Damit ist der Gra­va­tar an nahezu jedem Punkt des Inter­nets ver­füg­bar und es muss nicht mehr für jede Com­mu­nity, die besucht wird ein ent­spre­chen­des Bild hoch­la­den wer­den. Es gibt sicher noch eine Reihe wei­te­rer Anbie­ter, ich nutze jedoch die­sen und konnte bis­her auch keine Geschwin­dig­keits­pro­bleme feststellen.

Einen Punkt den man beach­ten sollte, wenn man der­ar­tige Dienste nutzt! Es kann ein Pro­fil der Web­sei­ten, auf denen man Kom­men­tare hin­ter­lässt, erstellt wer­den. D.h. in der Zugriffs­log des Anbie­ters bei dem der Gra­va­tar gespei­chert wird, soll­ten alle die Web­sei­ten zu fin­den sein, von denen der Gra­va­tar abge­ru­fen wird. BTW gravatar.com schreibt auf sei­ner Web­seite zwar, dass man keine Spam­mer mag und daher keine Wei­ter­gabe der eMail-Adresse statt­fin­den wird, über LOG-Dateien habe ich lei­der nichts gefunden.

Was muss ich nun unter­neh­men, um einen Gra­va­tar zu benutzen?

  1. Bei gravatar.com einen Account anlegen,
  2. Eine Gra­fik für mei­nen Gra­va­tar erzeugen,
  3. meine eMail-Adresse mit der Gra­fik “ver­hei­ra­ten” und
  4. Ava­tare in mei­ner Blogg-Software aktivieren.

Bei Gravatar.com einen Account anlegen

Bild 01 - Bei gravatar.com anmelden Kli­cken Sie hier, in einem neuen Fens­ter öffnet sich der Anmel­de­bild­schirm von gravatar.com. Tra­gen Sie dort eine funk­tio­nie­rende eMail-Adresse ein, denn dort­hin wird die Bestätigungs-Mail ver­sen­det. In der Bestätigungs-Mail wird der ange­ge­bene Link ange­klickt. Nun kann das Pass­word fest­ge­legt wer­den. Somit wäre der Account bei gravatar.com erstellt.

Eine Gra­fik für den Gra­va­tar erzeugen

Nun muss eine qua­dra­ti­sche Gra­fik, die als Gra­va­tar ver­wen­det wer­den soll, ange­legt wer­den. Man könnte ein Photo ein­scan­nen oder eine Gra­fik zeich­nen und dann benutzen.

Drin­gend abzu­ra­ten ist in die­sem Zusam­men­hang vom Goo­geln und dann das Ver­wen­den einer gege­be­nen­falls Copyright-rechtlich geschütz­ten Bild­da­tei! Also lie­ber sel­ber eine Gra­fik erstellen!

Für alle, die male­risch nicht so begabt sind, ver­weise ich auf drei Mög­lich­kei­ten zum Erstel­len von Gravataren:

Exem­pla­risch wird hier das Erstel­len eines Man­ga­tars mit­tels der Seite faceyourmanga.it gezeigt. Kli­cken Sie auf das erste Bild und Nut­zen Sie danach die Bild Vorwärts/Rückwärts Tas­ten zum navigieren.

Bild 02 - Startbildschirm von faceyourmanga - Klicken Sie "CREATE" Bild 03 - Geschlecht des Mangatars auswählen Bild 04 - Weitere Optionen wie Gesicht, Augen etc. auswählen

Bild 05 - Zum Fertigstellen des Mangatars "FINISH" Klicken Bild 06 - Sicherheitsabfrage - mit "OK" wird Bearbeitung des Mangatars beendet Bild 07 - Eingabe der eMail-Adresse

Bild 07 - Der fertige, per mail zugesandte Gravatar

Hier einige Bei­spiele. Die ers­ten drei Ava­tare sind mit faceyourmanga.it, der vierte mit eLouai’s Lol­li­pop Por­trait Maker und der letzte mit doppelme.com erstellt worden.

Bild 09 Bild 10 Bild 11 Bild 12 Bild 13

Hier ein paar Bei­spiele bei Flickr.

Eine eMail-Adresse mit der Gra­fik verbinden

Nun muss der Gra­va­tar / Man­ga­tar mit der eMail-Adresse “ver­hei­ra­tet” wer­den. Eine Anmel­dung bei gravatar.com besit­zen wir schon und log­gen mit der uns bekann­ten eMail/Password– Kom­bi­na­tion ein. Login zu gravatar.com. Im nächs­ten Schritt wählt man unter “My Account” den Punkt “Add an Image”. Nun kann der Spei­cher­ort der Gra­fik gewählt wer­den, so dass auch schon im Inter­net gespei­cherte Bil­der hoch­ge­la­den wer­den kön­nen. Nach­dem sich die Datei auf dem Ser­ver befin­det, kann sie ggf. noch Beschnit­ten werden.

Bild 14 - Bei gravatar.com EinloggenBild 15 - Hochgeladenes Bild BeschneidenBild 16 - Altersfreigabe

Wurde der für den Gra­va­tar zu nut­zende Bereich der Gra­fik aus­ge­wählt, so kann durch Druck auf “Crop and Finish” der end­gül­tig zu benut­zende Bereich fest­ge­legt werden.

Nun öffnet sich ein Fens­ter, in dem der Gra­va­tar hin­sicht­lich einer Alters­be­schrän­kung ein­ge­schätzt wer­den muss. Soll er auf allen Sei­ten gezeigt wer­den kön­nen und ent­hält keine jugend­ge­fähr­den­den Dar­stel­lun­gen, so kann er mit “G” ein­ge­stuft wer­den. Aber VOR­SICHT, sollte sich ein Nut­zer aus den Wei­ten des Net­zes beschwe­ren, dann gibt es Ärger.

Hier­nach wird gefragt, wel­cher eMail-Adresse der Ava­tar zuge­ord­net wer­den soll. Nach einer gewis­sen Zeit ist der Gra­va­tar für die Benut­zung ver­füg­bar. Sollte man Gra­va­tare ändern, so kann es schon ein klei­nes Weil­chen dau­ern, bis der Cache erneu­ert wird.

BTW es gibt auch eine Hilfe-Funktion bei gravatar.com.

Ava­tare in mei­ner Blogging-Software aktivieren

In mei­nen Blogs setze ich die Gravatar-Funktion von Word­Press ein.

Bild 17 - Einstellmöglichkeiten des Plugins Easy Gravatars 1.2 Dazu nutze ich das Plu­gin Easy Gra­va­t­ars 1.2 von Dou­gal Camp­bell, die­ses lässt sich sehr trans­pa­rent in den Blog ein­bin­den und erfor­dert nahezu keine Ein­stellar­bei­ten. Ein­zig die Ent­schei­dung muss getrof­fen wer­den, in wel­cher Größe der Gra­va­tar dar­ge­stellt wer­den soll, wel­che Jugend­frei­gabe (Rating, G, PG, R oder X) gefor­dert wird und ob der Gra­va­tar neben der Adresse des Kom­men­tie­ren­den oder neben dem Kom­men­tar dar­ge­stellt wer­den soll. Ein klei­ner Code-Schnipsel wird vor­ge­ge­ben und kann ange­passt wer­den. Ich ver­wende den folgenden:

float:left; margin-right:10px; display:block; border:1px solid #D9D9D9;  padding:2px;

Bild 18 - Einstellung in WordPress für die Diskussion Neben dem Akti­vie­ren des Plugins muss auch Word­Press auf die Benut­zung von Gra­va­t­aren vor­be­rei­tet wer­den. Man fin­det die Ein­stel­lun­gen dafür unter “Dis­kus­sion”, dort stellt man ein, ob Gra­va­tare gezeigt wer­den sol­len, wel­che Jugend­ein­stu­fung ange­zeigt wer­den soll und wel­che Gra­fik bei Nut­zern ohne eige­nen Gra­va­tar ange­zeigt wer­den soll.

Bild 19 - Mögliche Fehler Soll­ten Pro­bleme mit der Dar­stel­lung der Gra­va­tare auf­tre­ten, dann kann es bspw. an einer feh­len­den Akti­vie­rung des Plugins bzw. WordPress-Einstellung Dis­kus­sion liegen.

  • Oben — alles OK
  • Mitte — Plu­gin akti­viert, jedoch in WordPress-Einstellungen Anzeige deaktiviert
  • Unten  — min­des­tens das Plu­gin Easy Gra­va­t­ars 1.2 nicht aktiviert

Balkendiagramm mit zwei Y-Achsen

12 11 2008

Es sol­len 4 Daten­rei­hen in einem Bal­ken­dia­gramm dar­ge­stellt wer­den, die Werte der Daten­rei­hen 3 und 4 sind sehr viel grö­ßer als die Werte der Daten­rei­hen 1 und 2. Ein typi­scher Ein­satz­fall für die Pri­mär– / Sekundärachse.

stapel01

Gibt man vier Daten­rei­hen ein und ord­net diese unter­schied­li­chen Y-Achsen zu, dann zeigt EXCEL die Bal­ken der vier Daten­rei­hen nicht neben­ein­an­der an. Son­dern stellt die Bal­ken der auf der Pri­mär­achse dar­ge­stell­ten Daten­rei­hen 1 und 2 hin­ter den auf der Sekun­där­achse dar­ge­stell­ten Bal­ken der Daten­rei­hen 3 und 4 dar. Diese Vor­ge­hens­weise ist also denk­bar unge­eig­net, wün­schens­wert wäre die Dar­stel­lung der Daten­rei­hen nebeneinander.

stapel02

Dazu gibt man zusätz­lich vier Dummy-Datenreihen ein, hier hell­grau und hell­gelb dar­ge­stellt. Die Dummy-Datenreihen ent­hal­ten anfangs noch fik­tive Zah­len­werte, die spä­ter gelöscht werden.

stapel03

Wird nun ein Bal­ken­dia­gramm erzeugt, so wer­den alle 8 Daten­rei­hen auf der ers­ten Y-Achse dar­ge­stellt, es gibt keine Über­de­ckun­gen, aber auf­grund der sehr kleinen/großen Werte bringt die auto­ma­ti­sche Ska­lie­rung hier eine eben­falls eher unge­eig­nete Dar­stel­lung.
Nun müs­sen die Daten­rei­hen 3 und 4 und die Dum­my­rei­hen 3 und 4 auf der Sekun­där­achse gezeich­net dar­ge­stellt werden.

stapel04

stapel05 Dazu mar­kiert man mit der Daten­reihe 3 begin­nend, nach­ein­an­der all die Daten­rei­hen, die auf der Sekun­där­achse dar­ge­stellt wer­den sol­len. Daten­reihe mar­kie­ren, mit rech­ter Maus­taste kli­cken und “Daten­rei­hen for­ma­tie­ren” aus­wäh­len. Im sich öffnen­den Dia­log “Daten­rei­hen for­ma­tie­ren” den Tab-Reiter “Ach­sen” wäh­len und dann Daten­reihe zeich­nen auf “Sekun­där­achse” ankli­cken. ACH­TUNG! Klickt man wegen einer zu schnel­len Maus 2x auf einen der Bal­ken, so wird nicht die Daten­reihe mar­kiert, son­dern nur ein Daten­punkt Bal­ken. Das erkennt man sehr schnell, denn im rechte Maus Dia­log steht nun “Daten­punkt formatieren”.

stapel06

Jetzt müs­sen die Dummy-Datenreihen aus der Legende ent­fernt wer­den. Dazu klickt man ein­mal auf die Legende und wählt damit die Legende aus. Ein zwei­ter Klick auf den Legen­den­ein­trag (hier Dummy 4) mar­kiert den Legen­den­ein­trag. Hier­nach wird die Lösch­taste <ENTF> betä­tigt. ACH­TUNG! Hat man das Legen­den­sym­bol aus­ge­wählt, würde das Betä­ti­gen der Lösch­taste die kom­plette Daten­reihe aus dem Dia­gramm ent­fer­nen – das wol­len wir aber nicht. Hier bei­spiel­haft mit der Daten­reihe 4 (flie­der­far­bend) in der rech­ten unte­ren Ecke der Gra­fik dargestellt.

stapel07

Nun ist das Dia­gramm fer­tig und man kann sich an des Auf­hüb­schen machen.

Zum Üben kön­nen Sie die EXCEL-Datei hier herunterladen.