Archivo de la Categoría:

Wordpress

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?

formulario-de-comentarios-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.

apariencia-editor-wordpress

 

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

 

autor-nombre  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">

email-correo  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 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  :D

Tema estilo Facebook para WordPress (gratis)

Si eres un fanático de Facebook y estas en esto del Blogging, te encantara este tema (theme) que es un clon muy parecido al diseño de Facebook para colocarlo en tu sitio de WordPress.

Smells Like Facebook

tema Smells Like Facebook


Características:

  • Dispone de tres columnas o dos columnas.
  • Incluye efectos de Javascript y AJAX al igual que en Facebook que también están disponibles.
  • Crecimiento automático del cuadro de comentario.

Demo | Descargar Tema

Colocar botón “Me gusta” de Facebook en WordPress

En otra entrada anterior había publicado un artículo de como agregar botón "me gusta" de Facebook para Blogger, pero ahora les diré como colocarlo en WordPress.

boton me gusta facebook vjunker

Tan solo debes colocar el siguiente código en donde desees, ya sea en la página principal seria en index.php o si lo quieres en cada entrada individual como en los posts seria en single.php, ya es cosa de tu elección donde lo quieras colocar.

<!–codigo_boton_me_gusta_facebook–>

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:30px"></iframe>

Lo puedes modificar un poco:

colorscheme=light – Aquí por defecto esta en color azul, pero si lo quieres cambiar a negro, solamente cambiamos "light" por "dark".

action=like – Como ven el botón su etiqueta dice "me gusta", pero lo podemos modificar a "recomendar", nada mas cambiamos "like" por "recommend".

Y listo, ojala les haya servido :D

Colocar favicon en WordPress

Hace tiempo publique Como poner tu favicon en Blogger, pero ahora les diré como ponerlo en WordPress.

muestrafaviconvjunker


1. Como habíamos visto en la otra publicación, primero crearemos con la herramienta de Favicon.cc tu propio favicon o bien importarlo de una imagen para que se ajuste al tamaño de 16 x16 y así descargarlo.

muestrafavicon2


Ahora para ponerlo en WordPress, he visto que muchos no le saben a lo del servidor FTP, así que se las pongo más sencilla.

2. Vamos a la opción de “multimedia” de WordPress y le damos clic a “añadir nuevo”.

anadirnuevofavicon


3. Elegimos donde está el favicon que crearon y cuando cargue, nos aparecerán opciones como: nombre de archivo, tipo de archivo, etc., y donde dice URL del archivo lo copiamos que será algo parecido a:

http://www.misitio.com/wp-content/uploads/2010/03/favicon.ico

4. Ahora aquí si utilizaremos nuestro servidor de FTP, nos vamos a las opciones de nuestro theme y editamos el archivo de header.php donde tenemos que colocar el siguiente código entre las etiquetas <head> y </head>.

<link rel="shortcut icon" href="Enlace de imagen Favicon" />

Solo cambiamos Enlace de imagen Favicon por la URL del paso 3, guardamos y listo.

Coloca un Chat "gratis" para tu Blog

Tal vez encuentres muchos chats para colocarlo en tu Blog, pero algunos no son lo que esperabas o algo complicados para colocarlos, pero aquí les dejo 4 chats muy buenos y sobre todo que son "gratis".

Cbox – Un chat bastante sencillo, entendible ya que esta en español.

Chat Cbox

 

Gabbly – Otro bonito y sencillo chat, que tampoco necesitas registrarte.

Chat Gabbly

 

Chatango – Excelente chat, a pesar que está en ingles para configurar los colores y opciones, es fácil de entender.

Chat Chatango

 

Xat – Este chat es fácil de colocar y no necesitas registrarte, solamente escoges el fondo, el tipo de iconos, el tamaño de la caja y listo, copias el código y lo colocas donde quieras, para mí el mejor de los tres anteriores.

Chat Xat

 

Y de momento son los que me parecen mas eficaces y fáciles de entender, es cuestión tuya de cual escoger, ahora tus visitantes tendrán otra forma de dejar su opinión o comunicación en tu Blog. :-P

Tutoriales Blogger y Wordpress, aplicaciones web, redes sociales, internet, tecnología, geek.
Red de Blogs