Blog

9 Wege zu schöneren Smileys in Wordpress

Das Wordpress Smileys unterstützt, ist wohl den meisten Wordpress-Nutzern bekannt. Wie man sie “aufhübschen” kann, vielleicht nicht – daher hier ein paar Lösungen.
Die Adminoberfläche lässt unter Einstellungen -> Schreiben -> Formatierung die Wahl offen, ob Emoticons ( “EmotionIcons” ) in Grafiken umgewandelt werden sollen oder nicht. Nachfolgend aufgeführt sind die 22 Smileys, welche derzeit von Wordpress unterstützt werden:

smilold

Welchen Code man eingeben muss, um die dargestellten Smileys zu erhalten, kann man hier nachlesen. So weit, so gut.

Die Smileys befinden sich in Wordpress im Ordner /wp-includes/images/smilies und können natürlich per Hand durch eine eigene Auswahl ersetzt werden. Doch es geht komfortabler:

Möglichkeit 1 :

Für die kommende Version Wordpress 2.9 bspw. wurden die Smileys aufgepeppt, mehr darüber gibt es nebenan bei Perun.

Wer mag, kann sich die neuen Smileys per Plugin (Tango/GNOME Smilies) schon jetzt bequem (Plugin hochladen, aktivieren, fertig) einbinden.Und so sieht’s dann aus (unvollständig):

:)   :D   :?   :P   :|   ;)   :lol: :oops:   :cry:   :evil:   :twisted:   :roll: :!:   :?:   :idea:   :arrow: :mrgreen: :smirk: :kiss: :angel: :o    :monkey:   :arrow:   :(   :x

Zu blass, sagen manche. Ich sage eher: dezent. Sie drängen sich nicht so sehr in den Vordergrund. Mir persönlich gefallen sie.

|Update 13.07.09:

  1. Wordpress 2.9 soll nun doch mit den alten Smileys erscheinen, die neuen gibt’s alternativ als Plugin
  2. Übersicht alte und neue Smileys mit Code

Update Ende |

Möglichkeit 2 :

Auch das Emoticons Pack for Wordpress von Noktah Hitam ersetzt die Standardicons von Wordpress. Bisher gibt es 26 Icons, hier eine Vorschau mit 20 Icons:

whitesmilies

Möglichkeit 3 :

Das Plugin WP Smiley Switcher ist flexibler als die beiden schon genannten Möglichkeiten. Nach dem Hochladen und Aktivieren hat man unter Einstellungen- Smiley Switcher bereits zwei Iconpacks zur Auswahl (eines davon ist das schon genannte Emoticons Pack for Wordpress, das zweite Yellowpack von Jens Törnell).

Yellowpack

Darüber hinaus kann man – und das ist das Besondere – beliebig viele weitere in das Auswahlmenü integrieren (einfach per FTP in den Pluginordner verschieben). Weiter hat man die Wahl, die gewählten Smilies nur in Beiträgen oder Kommentaren oder in beidem zu nutzen.

Möglichkeit 4 :

Einen ähnlichen Ansatz verfolgt das Plugin smilies-themer von Rick. Es kommt mit bereits 14 Themepacks daher, vier weitere können auf der Plugin- Website zusätzlich installiert werden. Leider aber ist der einzugebende Code nicht standardisiert und je nach Iconpack etwas anders – man sollte sich daher ein Iconpack wählen, welches zumindest alle Standardicons im Gepäck hat… Für Frickler gut ;-) . Zusätzlich zum Plugin gibt es die Smilies Themer Toolbar, die der Kommentarfunktion ein grafisches Interface mit den ausgewählten Icons verpasst.

Möglichkeit 5 :

Das Plugin Tango Smileys Extended von Whesley McCabe ersetzt die Standardicons nicht nur, sondern erweitert sie auf eine Zahl von 202 Icons. Die Einbindung ist hier schön gelöst: im Editor klickt man einfach auf das “Schweineicon” und hat alle verfügbaren Icons zur Hand. Die Icons lassen sich ebenfalls sehr einfach für die Kommentare konfigurieren und einbinden. Mir persönlich allerdings sind die Icons zu klein und zu undeutlich.

Hier eine kleine Auswahl von 60 Icons:

extended-smilies

Möglichkeit 6 :

Das Plugin “wp-Monalisa” von Hans Matzen überschreibt die Standardicons auf Wunsch nicht, sondern arbeitet ergänzend zu diesen (sehr gut!). Nach der Installation gibt es einen eigenen Menüpunkt – zu recht. Iconpakete können eingelesen, der Code für jedes Icon angepasst werden und auch, ob das Icon im Editor (in der rechten “Sidebar”) und/oder unter dem Kommentarfeld erscheinen soll. Dort reicht dann jeweils ein Klick auf den Smiley zum Einfügen. Man kann sich bspw. seine Kommentaremoticons hier wirlich Stück für Stück recht komfortabel herauspicken. Standardmäßig sind 17 Icons enthalten:

Tolles Plugin.

Möglichkeit 7 :

Das Plugin LMB^Box Smileys von Thomas Montague arbeitet ähnlich dem letztgenannten Plugin. Zur Auswahl stehen neben den schon genannten 22 Wordpress Smileys zusätzlich ThunderBird Smileys (um die 60) sowie EE Smileys (um die 40), die je nach Gefallen auch alle zusammen aktiviert werden können. Eigene Gruppen können manuell per FTP nachgeladen werden. Nach der Installation findet  in den Menüs “Beitrag schreiben” und “Seite schreiben” ein zusätzlicher Quicktag namens Smileys (funktioniert bei mir leider nur in der HTML-Ansicht). Dort lassen sich alle Icons bequem anwählen. Die Icons können gleichzeitig in die Kommentarfunktion des eigenen Blogs integriert werden.
Fazit: mächtiges Plugin in altmodischem Gewand

Hier geht’s zur Vorschau aller nach Installation des Plugins verfügbarer Icons…

Möglichkeit 8 :

Wer den Windows Live Writer nutzt, wird sich über das Smiley Plugin 2.0 for Windows Live Writer (WLW) von Rahul Soni freuen. Nach dessen Installation findet sich in der Symbolleiste unter “Einfügen” der neue Eintrag “a smiley!…”. Dort kann man die smiley(s) per Klick auswählen und per “insert” in den Beitrag übernehmen.

Eine Auswahl an Icons nach der Installation:

HappySadWinkingBig GrinBatting EyelashesBig HugConfusedLove StruckBlushingTongueKissSurpriseAngrySmugCoolWorriedWhewDevilCryingLaughingStriaght FaceRaised EyebrowRolling on the floorAngelNerdTalk to the handCall meOn the phoneAt wits endWaveTime outDay dreamingSleepyRolling EyesLoserSickDont tell anyoneNot talkingClownSillyPartyYawnDroolingThinkingDohApplauseNailbitingHypnotizedLiarWaitingSighPhbbbtttCowboyPuppy dog eyesI dont knowNot listeningPigCowMonkeyChickenRoseGood luckFlagPumpkinCoffeeIdeaSkullBugAlienFrustratedPrayingMoney EyesWhistlingFeeling beat upPeace SignShame on youDancingBring it onHee heeChatterboxNot worthyOh go onStarHiroBillyAprilYin Yang
Weitere Icons können über den Eintrag “Add smiley…” hinzugefügt werden.

Möglichkeit 9:

Die Firefox-Erweiterung Smiley Xtra  von James Baker – mittlerweile in Version 5 vorliegend -geht einen ganz anderen Weg.  Sie bindet per Mausklick auswählbare Icons in den Browser ein, die dann in Wordpress oder anderen browsergestützten Editoren eingefügt werden können. Es gibt auch eine deutschsprachige Variante der älteren Version 4 des Addons von Jürgen Berg.
Kurze Erklärung zur Nutzung unter Wordpress:

  1. Icon der Erweiterung in Symbolleiste legen, anklicken, Anwendung öffnet sich in der Seitenleiste
  2. Editor in der Codeansicht (!) öffnen
  3. Suchbegriff für Icon eingeben, Icon anwählen, Rechtsklick und “Insert HTML”
  4. Icon wird automatisch an der aktuellen Cursorposition eingefügt oder in die Zwischenablage kopiert (einstellbar unter Optionen)

einige Beispielicons:

GrrrrCat 5ChickenSnake 2Batman 2


Die Sammlung enthält mehrere tausend Icons. Man hat die Möglichkeit, sich eine Favoritensammlung anzulegen.

Meine klaren Favoriten:

Leave a Reply

http://www.netztreiben.de/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://www.netztreiben.de/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://www.netztreiben.de/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://www.netztreiben.de/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://www.netztreiben.de/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://www.netztreiben.de/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://www.netztreiben.de/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://www.netztreiben.de/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://www.netztreiben.de/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://www.netztreiben.de/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://www.netztreiben.de/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://www.netztreiben.de/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://www.netztreiben.de/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif