Neue Plugins (5): Yahoo Style Smileys mit Smiley-Auswahlleiste

Das Plugin Yahoo Style Smileys ersetzt die standardmäßig vorhandenen WordPress-Smileys durch die wesentlich umfangreicheren von Yahoo!. Darüber hinaus kannst du deinen Lesern mit diesem Plugin eine Smiley-Auswahlleiste für ihre Kommentare zur Verfügung stellen (siehe Beispiel).

A. Ersetzung der Standard- durch Yahoo-Smileys
  1. Plugin aktivieren;
  2. Unter „Optionen -> Schreiben -> Formatierung“ das Häkchen vor „Konvertiere Emoticons wie :-) und :-P zu Grafiken“ entfernen.
B. Yahoo-Smiley-Leiste für Kommentare

Um die Smiley-Auswahlleiste ober- oder unterhalb des Kommentarfelds einzubinden, ist Folgendes zu tun:

  1. Auf der Seite „Verwalten -> Dateien“ nach unten scrollen und das Template „Comments“ auswählen.
  2. Nach ungefähr dem folgenden Quelltext suchen:
	<p>
	  <label for="comment">{_e text="Dein Kommentar"}</label>
	<br />
	  <textarea name="comment" id="comment" cols="60" rows="4"
tabindex="4"></textarea>
	</p>
  1. Entweder darunter oder darüber — je nachdem, wo die Auswahlleiste stehen soll — den nachstehenden Befehl einfügen:
	<p>
	  {smilies_clickable}
	</p>
  1. Die Änderungen mit „update template“ speichern!
Smileys am Fließtext ausrichten

Da die Smileys in der Regel etwas größer sind als die Laufschrift, wird der Abstand zur vorhergehenden Zeile meist in unschöner Weise vergrößert. Man kann diesen Effekt minimieren, indem man die Smileys etwas tiefer setzt als den umfließenden Text: :d. Dies kannst du einstellen, indem du unter „Verwalten -> Dateien“ das Template „Site Style Sheet“ aufrufst und dort die folgenden Angaben hinzufügst:

img.wp-smiley {
	vertical-align: -25%;
}

Wo genau im Template diese Angaben stehen, ist relativ gleich. Du kannst sie einfach ans Ende der Datei setzen. Danach das Speichern mit „update template“ nicht vergessen!


8 Antworten auf „Neue Plugins (5): Yahoo Style Smileys mit Smiley-Auswahlleiste“


  1. Gravatar Icon 1 gigi 25. September 2005 um 5:05 Uhr

    Wenn das Einfügen von Smileys durch das Anklicken von Bildern in der Auswahlleiste nicht funktionieren sollte, probiert bitte Folgendes:

    Unter „Verwalten -> Dateien“ nachschauen, ob sich vor dem schließenden Tag </head> der Befehl {wp_head} findet. Wenn nicht, diesen Befehl bitte nachtragen!

  2. Gravatar Icon 2 Thorsten 18. November 2006 um 21:24 Uhr

    Thx für den Tip, auch wenn er schon etwas älter ist.
    Schonmal versucht eigene Smilies zusätzlich hinzuzufügen? Würde mich brennend interessieren wie das geht. :-?

  3. Gravatar Icon 3 gigi 20. November 2006 um 2:23 Uhr

    Nee, ham wir noch nicht versucht und ehrlich gesagt auch nicht vor … :(

  4. Gravatar Icon 4 agy 17. Februar 2007 um 19:06 Uhr

    hm bei mir erscheint dann nur der code (also der tag den man einfügen musste) :-(

    wo liegt da denn mein fehler? *schnief*

    vg agy

  5. Gravatar Icon 5 gigi 17. Februar 2007 um 19:57 Uhr

    Der Fehler liegt darin, dass du nicht bei Blogsport.de gehostet bist! ;)

  6. Gravatar Icon 6 agy 17. Februar 2007 um 21:29 Uhr

    funktioniert das nur da?

  7. Gravatar Icon 7 gigi 17. Februar 2007 um 22:42 Uhr

    ja, die anweisungen in geschweiften klammern funktionieren nur auf blogsport.

  8. Gravatar Icon 8 Torben 22. Juli 2009 um 17:11 Uhr

    Da hat yahoo ja wiedermal ein ganz nettes kleines Feature im Angebot. Im Allgemeinen sind deren Dienste und Lösungen ja gar nicht so schlecht, aber ich glaube viele Leute geben schon keinen Deut mehr auf das, was Yahoo herausbringt. Die müssen erstmal wieder ordentlich an ihrem Image arbeiten, bevor sie wieder auch nur annähernd zu alter Stärke finden können.

Antwort hinterlassen

:) :( :d :"> :(( \:d/ :x 8-| /:) :o :-? :-" :-w ;) [-( :)>- more »

XHTML: Du kannst diese Tags benutzen: <a href=""> <abbr title=""> <acronym title=""> <b> <blockquote> <code> <em> <i> <strike> <strong>