Hace unos días, mientras andaba haciendo unos ajustes a la plantilla de este blog, se me ocurrió poner la función para insertar smileys (o smilies… como sea) en los comentarios dándole clic a la imagen, ya que lo había visto en otros themes de wordpress pero este que uso no lo tiene.

Me puse a buscar un poco y encontré un código en com.es que me resultó útil y fácil de implementar. Lo comparto con ustedes para quien desee usarlo.

Lo primero que deben hacer es crear un respaldo del fichero comments.php de su plantilla, en caso de que algo salga mal.
El fichero se encuentra en /wp-content/themes/TU THEME/comments.php.

Abran el archivo, ya sea con el editor de archivos de wordpress o con el editor que quieran, y busquen la línea de código parecida a esta:
<p><textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”4″></textarea></p>
y justo antes de eso inserten el siguiente código:

<!– Inicio de script Smilies con 1 click –>

<script type=”text/javascript”>
function emoticonos(tag) {
var myField;
if (document.getElementById(’content’) && document.getElementById(’content’).type == ‘textarea’) {
myField = document.getElementById(’content’);
}
else if (document.getElementById(’comment’) && document.getElementById(’comment’).type == ‘textarea’) {
myField = document.getElementById(’comment’);
}
else {
return false;
}
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = tag;
myField.focus();
}
else if (myField.selectionStart || myField.selectionStart == ‘0′) {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
var cursorPos = endPos;
myField.value = myField.value.substring(0, startPos)
+ tag
+ myField.value.substring(endPos, myField.value.length);
cursorPos += tag.length;
myField.focus();
myField.selectionStart = cursorPos;
myField.selectionEnd = cursorPos;
}
else {
myField.value += tag;
myField.focus();
}
}
</script>
<img src=”/wp-includes/images/smilies/icon_smile.gif” alt=”:smile:” onclick=”emoticonos(’:smile:’);”>
<img src=”/wp-includes/images/smilies/icon_biggrin.gif” alt=”:grin:” onclick=”emoticonos(’:grin:’);”>
<img src=”/wp-includes/images/smilies/icon_razz.gif” alt=”:razz:” onclick=”emoticonos(’:razz:’);”>
<img src=”/wp-includes/images/smilies/icon_lol.gif” alt=”:lol:” onclick=”emoticonos(’:lol:’);”>
<img src=”/wp-includes/images/smilies/icon_wink.gif” alt=”:wink:” onclick=”emoticonos(’:wink:’);”>
<img src=”/wp-includes/images/smilies/icon_mrgreen.gif” alt=”:mrgreen:” onclick=”emoticonos(’:mrgreen:’);”>
<img src=”/wp-includes/images/smilies/icon_neutral.gif” alt=”:neutral:” onclick=”emoticonos(’:neutral:’);”>
<img src=”/wp-includes/images/smilies/icon_rolleyes.gif” alt=”:roll:” onclick=”emoticonos(’:roll:’);”>
<img src=”/wp-includes/images/smilies/icon_eek.gif” alt=”:shock:” onclick=”emoticonos(’:shock:’);”>
<img src=”/wp-includes/images/smilies/icon_confused.gif” alt=”:???:” onclick=”emoticonos(’:???:’);”>
<img src=”/wp-includes/images/smilies/icon_cool.gif” alt=”:cool:” onclick=”emoticonos(’:cool:’);”>
<img src=”/wp-includes/images/smilies/icon_redface.gif” alt=”:oops:” onclick=”emoticonos(’:oops:’);”>
<img src=”/wp-includes/images/smilies/icon_twisted.gif” alt=”:twisted:” onclick=”emoticonos(’:twisted:’);”>
<img src=”/wp-includes/images/smilies/icon_evil.gif” alt=”:evil:” onclick=”emoticonos(’:evil:’);”>
<img src=”/wp-includes/images/smilies/icon_surprised.gif” alt=”:eek:” onclick=”emoticonos(’:eek:’);”>
<img src=”/wp-includes/images/smilies/icon_mad.gif” alt=”:mad:” onclick=”emoticonos(’:mad:’);”>
<img src=”/wp-includes/images/smilies/icon_sad.gif” alt=”:sad:” onclick=”emoticonos(’:sad:’);”>
<img src=”/wp-includes/images/smilies/icon_cry.gif” alt=”:cry:” onclick=”emoticonos(’:cry:’);”>
<img src=”/wp-includes/images/smilies/icon_exclaim.gif” alt=”:!:” onclick=”emoticonos(’:!:’);”>
<img src=”/wp-includes/images/smilies/icon_idea.gif” alt=”:idea:” onclick=”emoticonos(’:idea:’);”>
<img src=”/wp-includes/images/smilies/icon_arrow.gif” alt=”:arrow:” onclick=”emoticonos(’:arrow:’);”>
<img src=”/wp-includes/images/smilies/icon_question.gif” alt=”:?:” onclick=”emoticonos(’:?:’);”>

<!– Fin del script de smilies con 1 click –> 

Si desean editarlo o verlo de una manera más clara, pueden descargar el script aquí mismo: Smilies con 1 clic.Los resultados los pueden ver más abajo en el panel para comentarios.

Saludos!

Vía | www.com.es

Tags: Blogs, Tutoriales, Wordpress
Esta entrada fue publicada el Sábado, Octubre 6, 2007 @ 3:39 PM.
Puedes seguir las respuestas a esta entrada desde el feed RSS 2.0.
Puedes dejar un comentario, o hacer un trackback desde tu sitio.

• ¡¡Nuevo diseño!!
• Cambio de host y Pings/Tracks activados
• Plugin Tubeasy
• Plugin NoFollow-Free en español
• Nueva página de error 404
• Actualización de Wordpress 2.2.2 a 2.2.3
• Kobra is back müthafückas!!!
• ¡¡¡Primer aniversario!!!
• El diseño de los Blogs famosos II
• El diseño de los Blogs famosos