Añadir icono en Nombre, Email, y Web del formulario WordPress

Tal vez cambiaste de tema (theme) o el actual no tiene los iconos para cada requisito (Nombre, E-mail, Web) del formulario de comentarios de WordPress?

Entonces hoy te diré como añadirlos, la verdad este tema que tengo no los tenía, pero se los agregue muy fácil.

• Primero nos vamos a la opción de apariencia y le damos a editor.

• Luego nos vamos a la sección de comments.php y modificamos cada código por requisito.

  Author (Nombre)

Buscamos:

<input type="text" name="author" class="txt" id="author" value="" size="22" tabindex="1" />

Lo sustituimos por:

<input style="background: url(URL DEL ICONO) no-repeat 3px 5px; padding-left: 23px; " type="text" name="author" class="txt" id="author" value="" size="22" tabindex="1">

  E-mail  (Correo electrónico)

Buscamos:

<input type="text" name="email" class="txt" id="email" value="" size="22" tabindex="2" />

Lo sustituimos por:

<input style="background: url(URL DEL ICONO) no-repeat 3px 5px; padding-left: 23px; " type="text" name="email" class="txt" id="email" value="" size="22" tabindex="2">

Url (Web)

Buscamos:

<input type="text" name="url" class="txt" id="url" value="" size="22" tabindex="3" />

Lo sustituimos por:

<input style="background: url(URL DEL ICONO) no-repeat 3px 5px; padding-left: 23px; " type="text" name="url" class="txt" id="url" value="" size="22" tabindex="3">

Solamente cambiamos donde nos pide la url de donde está alojado el icono, guardamos la plantilla y listo.

Si el icono aparece más arriba, abajo o a los lados solamente modifican no-repeat 3px 5px; padding-left: 23px; hasta que quede a su gusto.

Ojala les haya servido y cualquier duda me la hacen llegar