Home » Wordpress & CMS

Smileys in Wordpress-Beiträgen

5 March 2008 221 views 2 CommentsPrint This Post Print This Post Email This Post Email This Post

smiley.jpg

Foto: Darren Hester, stock.xchng

Das Wordpress Smileys unterstützt, ist wohl den meisten Wordpress-Nutzern bekannt. 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 von Wordpress unterstützt werden.

:) :D :( :o 8O :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: ;) :!: :?: :idea: :arrow: :| :mrgreen:

Und so sieht der Code dazu aus…

icon-codeWelchen Code genau man eingeben muss, um die dargestellten smileys zu erhalten, kann man hier nachlesen. So weit, so gut.

Wer sich Smileys wünscht, die per Klick einzufügen sind, ohne zu überlegen (oder gar nachzuschauen…), welchen Code man eingeben muss, kann auf bereits entwickelte Plugins zurückgreifen. Wir stellen 3 Möglichkeiten mit ganz unterschiedlichen Ansätzen vor:

Möglichkeit 1 :
Einbindung per Mausklick auswählbarer Icons in die Adminoberfläche von Wordpress

Editor: Wordpress
Plugin: LMB^Box Smileys von Thomas Montague
Weg:

  1. Download von der Entwicklerseite
  2. Verzeichnis lmbbox-smileys in den Pluginordner hochladen
  3. Plugin in der Adminoberfläche von Wordpress aktivieren
  4. Optionen finden sich nun im Adminmenü unter Einstellungen -> LMB^Box Smileys
  5. im Optionsmenü unter “Admin Write Pages Display Settings” auswählen, welche Smileys angezeigt werden sollen - zur Auswahl stehen neben den schon genannten 22 Wordpress Smileys zusätzlich ThunderBird Smileys (um die 60) sowie EE Smileys (um die 40)
  6. in den Menüs “Beitrag schreiben” und “Seite schreiben” befindet sich nun ein zusätzlicher Quicktag namens Smileys
  7. Cursor in Position bringen, Quicktag Smileys anklicken, Smiley per Doppelklick auswählen, fertig.

Vorteile:

die Icons können gleichzeitig in die Kommentarfunktion des eigenen Blogs integriert werden
sehr gute Einbindung in den Wordpress- Adminbereich

Nachteile:

keine Sortierung nach “Emotionen”
relativ begrenzte Anzahl an Icons


Möglichkeit 2:
Einbindung per Mausklick auswählbarer Icons in den Windows Live Writer

Editor: Windows Live Writer
Plugin: Smiley Plugin 2.0 for Windows Live Writer (WLW) von Rahul Soni

Weg:

  1. Download von der Entwicklerseite
  2. selbstinstallierende Datei ausführen
  3. Windows Live Writer öffnen
  4. in der Symbolleiste findet sich unter “Einfügen” der neue Eintrag “a smiley!…”
  5. smiley(s) per Klick auswählen und per “insert” in den Beitrag übernehmen. Fertig.

Die Icons nach der Installation:

SurprisedTongue outWinkSadConfusedDisappointedCryingEmbarrassedHotAngryAngelDevilDont tell anyoneBaring teethNerdSarcasticSecret tellingSickI dont knowThinkingPartyEye-rollingSleepyCoffee-cupThumbs-upThumbs-downBeer mugMartini GlassGirlBoyLeft HugRight HugVampire BatBirthday CakeRed heartBroken heartRed LipsGift with a bowRed roseWilted RoseCameraFilmstripCat faceDog faceTelephone receiverLight bulbNoteSleeping Half moonStarEmailClockMSN Messenger IconSnailBlack SheepPlateBowlPizzaSoccer BallAutoAirplaneUmbrellaIsland with a palm treeComputerMobile PhoneStormy CloudLightingMoneyBlack SheepPlateBowlPizzaSoccer BallAutoAirplaneUmbrellaIsland with a palm treeComputerMobile PhoneStormy CloudLightingMoneyHappySadWinkingBig 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 YangThumbsupWaveKissChow time!I Love youCoolBananaSmiley Kiss

Vorteile:

fabelhafte Einbindung in den Windows Live Writer
konfigurierbar und erweiterbar

Nachteile:

keine Sortierung nach “Emotionen”

Möglichkeit 3:
Einbindung per Mausklick auswählbarer Icons in den Browser Firefox

Editor: Wordpress oder anderer browsergestützter Editor
Firefox-Erweiterung: Smiley Xtra 4 von James Baker

Weg:

  1. Download von der Entwicklerseite bzw. der deutschsprachigen Version von Jürgen Berg
  2. Firefox neu starten
  3. Icon der Erweiterung anklicken, Anwendung öffnet sich in der Seitenleiste
  4. Datenbank aktualisieren
  5. Firefox erneut neu starten
  6. Editor in der Codeansicht (!) öffnen
  7. Erweiterung öffnen, Symbolkategorie wählen, Icon auswählen
  8. in der Symbolleiste der Erweiterung (oben gleich unter der Titelzeile) das Icon “HTML-Code einfügen” auswählen
  9. Icon wird automatisch an der aktuellen Cursorposition eingefügt. Fertig.

einige Beispielicons:

Angry With ChainsawGrrrrCat 5ChickenDog 4DragonSnake 2Batman 2


Vorteile:

nach Kategorien sortiert
sehr große Anzahl von Icons
Einsatz in zahlreichen Anwendungen möglich (Foren, Kommentare in Blogs…)

Nachteile:

kein Hinzufügen weiterer Icons möglich (was allerdings aufgrund der Zahl der Icons wohl auch nicht nötig ist…)
browserabhängig

Viel Spaß beim - dezenten (!) - Einsatz von Icons!

Verwandte Artikel

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5 out of 5)
Loading ... Loading ...

2 Comments »

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.