Webapplications » WordPress Quicktagzmilies

Quicktagzmilies is a deluxe quicktag and smileys plugin for your WordPress blog’s commentarea.

It offers the possibility to add a quicktag- and (optional) a smileybar to your commentarea. The quicktagbar contains the most important HTML tags to format a comment. Optional you can show a “hide- / show”-smileybar.

Download & Demo

Some features

» Extendable through smiley packs. Click here to choose one or create your own
» User-defined labels and tooltips for the quicktagbar
» Quicktagbar is usable with or without the smileybar
» Possibility to seperate the position of quicktag- and smileybar (Standalone mode)
» Easy customization using CSS

Screenshot of commentarea with the quicktagbar and WordPress default smileys

Screenshot of Quicktagzmilies options page

Installation

1. Unzip into your `/wp-content/plugins/` directory. If you’re uploading it make sure to upload the top-level folder. Don’t just upload all the php files and put them in “/wp-content/plugins/”.

2. Activate the plugin through the plugins menu in WordPress

3. Open comments.php and search for “<textarea”. Check the id of the HTML tag. It has to be “comment” (id=”comment”). This is WordPress standard.

4. Paste following PHP code before <textarea …

<?php if (function_exists("quicktagzmilies")) { quicktagzmilies(); ?>

5. Save and upload comment.php. The quicktagbar should now appear in your comment area

6. Go to Quicktagzmilies options in your admin panel (Settings » Quicktagzmilies) to customize the plugin

Extend the plugin with smiley packages ...

You can get some ready to use smiley packages from here. Feel free to use and customize them:

Black and white

flauschgift™

Nomicons

... or create your own

The easiest way is to take a look in a finnished zmiliepackage.php. It is build like this:

<?php
$package_name = 'Black and white';


$zmilies_array = array	(
':)'	=>	'happy.gif',
':-)'	=>	'happy.gif',
':('	=>	'traurig.gif',
':-('	=>	'traurig.gif'
':D'	=>	'grins.gif',
':-D'	=>	'grins.gif'
);
?>

This is a shortened version, but it’s enough information to explain the structure.

In $package_name you can define the name of your smiley package. This is the name be displayed on the options page.

Fill $zmilies_array with ‘[shortcut]‘ ==> ‘[smilie_name.gif]‘. The order in this array from top to bottom defines the order in your smileybar. You can define more than one shortcut for a smiley. Only the first one will be filled in, if you click on the smileys image in your smileybar. The others will certainly replaced in your posts and comments.

Now save your smiley images and your zmiliespackage.php in a folder named like what you have defined in $package_name.

Where to put your smileys package folder

Create a folder named images – if it doesn’t exist already – in your themes folder, and put your smileys folder in there.

The structure has to look like this:

- images
   - zmilies
       - [ZMILIE-PACKAGE-FOLDER] e.g "black-and-white"
           - [smiley-1].gif
           - [smiley-2].gif
           - ...
           - zmiliespackage.php

Please look twice how the filestructure is build, else your smileys won't show up.

How to activate your smileys package

Go to Quicktagzmilies option page (Settings » Quicktagzmilies). Now you can select your smileys package. Update the options and take a look at your frontend.

Download more languages

Sorry. There are only german and english translations which you can find in the Quicktagzmilies plugin folder. Please feel free to translate it to your language and send me a copy. Thanks.

FAQ

Q1: The quicktag bar is displayed in my commentarea, but when i click, nothing happens

A1: First check your header.php in your template folder. Search it for <?php wp_head(); ?>. If you can’t find this, just add <?php wp_head(); ?> before </head>.

Then check your footer.php in your template folder. Search it for <?php wp_footer(); ?>. If you can’t find this, just add <?php wp_footer(); ?> before </body>

If you have followed step 1 and 2 and still nothing happens when you click the quicktags, feel free to write me an email.

Warm my ♥ …

… with a feedback per email or a donation over PayPal. Thanks in advance.

Meta data

Technical information: (X)HTML, CSS, Javascript, PHP, MySQL, WordPress

Last but not least

Thanks to bogus for this wonderful logo.