Logo F2FInterview

Wordpress Interview Questions

Q   |   QA


The smiley or emoticon image graphics are found in the /wp-includes/images/smilies directory.

Note that smileys is spelled 'eys' in this documentation and the directory name for the smiley images is 'smilies, spelled 'ies'. eek emoticon

Simplest way:

  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.

If you're up to hacking the code:

If you really must change the file names of the images, edit the file that refers to these images, 'vars.php' (in WordPress 2.2, they're located in 'functions.php'), situated in the /wp-includes/ directory. Follow all precautions when "hacking code".

You can read a tutorial explaining all this in more detail, as well as how to avoid hacking WP code, at Ars Aranea.

There are also WordPress Plugins which allow you to customize your smilies in WordPress.  

If you recently uploaded the images, it could be that the images have been uploaded in ASCII format by your FTP program. Re-upload the smileys ensuring that they are transferred in BINARY format.

Some FTP programs have an auto-detect setting which will upload files in the correct format without user intervention. If you have such a setting, turn it on. 

The smiley images in WordPress are automatically given a CSS class of wp-smiley when they are displayed in a post. You can use this class to style your smileys differently from other post images.

For example, it's not uncommon to set up images in a post to appear on the left-hand side of the content with text flowing around the image. The CSS for that might look like this:

.post img {
    float: left;

This would typically affect all images in a post, including your smiley images. To override this so that smileys stay inline, you could add this to your CSS:

img.wp-smiley {
    float: none;


To get information about your server, you can use the PHP Info function:

  •     Paste this into a new Notepad / BBEdit file

<?php phpinfo(); ?>

  • Save as info.php
  • Upload to server. Visit in your browser (www.example.com/info.php)

That will give you info about your php version and mod_rewrite.  

The info.php file returns a page outlining the details of your PHP installation. You can see if mod_rewrite is loaded. Under the apache header, look in the Loaded Modules section and see if mod_rewiite is listed. 

In order to link this F2FInterview's page as Reference on your website or Blog, click on below text area and pres (CTRL-C) to copy the code in clipboard or right click then copy the following lines after that paste into your website or Blog.

Get Reference Link To This Page: (copy below code by (CTRL-C) and paste into your website or Blog)
HTML Rendering of above code: