How to use smiley images in wordpress posts

How to use smiley images in wordpress posts

If you want to use smiley images in wordpress posts then you can use our tricks. Here in this article, we given sample and trick for using smiley in posts.

Follow our steps.

  1. Find your smiley image files in the /wp-includes/images/smilies directory and back them up to another directory
  2. Note the names of each smiley file. Your files must match these names and should be in the same ‘gif’ image format.
  3. For predictable behavior, the image sizes should be similar.
  4. Upload your new files to the /wp-includes/images/smilies directory with an FTP program.

How to use smiley images in wordpress posts

How to use smiley images in wordpress posts
How to use smiley images in wordpress posts

If you want to changes the names of smiley and you need to edit wp-includes/functions.php file.

In that file you will find the “smilies_init” function.

You will find the following code in that file.

view source
print?
01if ( !isset( $wpsmiliestrans ) ) {
02 $wpsmiliestrans = array(
03 ':mrgreen:' => 'icon_mrgreen.gif',
04 ':neutral:' => 'icon_neutral.gif',
05 ':twisted:' => 'icon_twisted.gif',
06 ':arrow:' => 'icon_arrow.gif',
07 ':shock:' => 'icon_eek.gif',
08 ':smile:' => 'icon_smile.gif',
09 ':???:' => 'icon_confused.gif',
10 ':cool:' => 'icon_cool.gif',
11 ':evil:' => 'icon_evil.gif',
12 ':grin:' => 'icon_biggrin.gif',
13 ':idea:' => 'icon_idea.gif',
14 ':oops:' => 'icon_redface.gif',
15 ':razz:' => 'icon_razz.gif',
16 ':roll:' => 'icon_rolleyes.gif',
17 ':wink:' => 'icon_wink.gif',
18 ':cry:' => 'icon_cry.gif',
19 ':eek:' => 'icon_surprised.gif',
20 ':lol:' => 'icon_lol.gif',
21 ':mad:' => 'icon_mad.gif',
22 ':sad:' => 'icon_sad.gif',
23 '8-)' => 'icon_cool.gif',
24 '8-O' => 'icon_eek.gif',
25 ':-(' => 'icon_sad.gif',
26 ':-)' => 'icon_smile.gif',
27 ':-?' => 'icon_confused.gif',
28 ':-D' => 'icon_biggrin.gif',
29 ':-P' => 'icon_razz.gif',
30 ':-o' => 'icon_surprised.gif',
31 ':-x' => 'icon_mad.gif',
32 ':-|' => 'icon_neutral.gif',
33 ';-)' => 'icon_wink.gif',
34 '8)' => 'icon_cool.gif',
35 '8O' => 'icon_eek.gif',
36 ':(' => 'icon_sad.gif',
37 ':)' => 'icon_smile.gif',
38 ':?' => 'icon_confused.gif',
39 ':D' => 'icon_biggrin.gif',
40 ':P' => 'icon_razz.gif',
41 ':o' => 'icon_surprised.gif',
42 ':x' => 'icon_mad.gif',
43 ':|' => 'icon_neutral.gif',
44 ';)' => 'icon_wink.gif',
45 ':!:' => 'icon_exclaim.gif',
46 ':?:' => 'icon_question.gif',
47 );

You can edit that names as per your requirement and add more smiley.

If you want to put some css for your smiley then you can use or put following CSS class in your style.css file (Theme folder).

view source
print?
1img.wp-smiley {
2   float: none;
3   padding:2px;
4   border:none;
5}

That sit! Have fun.

Published by

Purab

I am Purab from India, Software development is my profession and teaching is my passion. Programmers blog dedicated to the JAVA, Python, PHP, DevOps and Opensource Frameworks. Purab's Github Repo Youtube Chanel Video Tutorials Connect to on LinkedIn

2 thoughts on “How to use smiley images in wordpress posts”

  1. Hi, I’m very interested in Linux but Im a Super Newbie and I’m having trouble deciding on the right distribution for me (Havent you heard this a million times?) anyway here is my problem, I need a distribution that can switch between reading and writing in English and Japanese (Japanese Language Support) with out restarting the operating system.

    Reply

Leave a Reply to Emily N. Cancel reply

Your email address will not be published.