Tag Archives: Tips

Mostrar nuevos tweets con la API de twitter en WordPress

Una introducción a la API de Twitter que nos permitirá conocer como funciona y como mostrar nuestro estado actualizado en todo momento

Hoy en día existen diversos plugins para realizar este mismo proceso.
Pero como siempre digo, no me gusta tener 200 plugins en mi wordpress y si puedo hacerlo yo a mano, mucho mejor.

Actualmente trabajo con webs que tienen 2 y 3 páginas de plugins en el panel y me parecen un fastidio a la hora de trabajar… así que adopto esta metodología de “do it yourself”.

Y vengo a compartirlo un poco con todos vosotros.


Así nos han encontrado!

  • mostrar twitter en wordpress
  • mostrar tweets en wordpress
  • api de twitter en español
  • API TWITTEr

Obtener toda la información del usuario en WordPress

Un tip sobre como obtener todos los datos de un usuario de WordPress que está visitando el frontend de nuestra web

En muchas ocasiones podemos requerir obtener datos del usuario que está visitando nuestra web.

Si el usuario está registrado ofrecerle cierto contenido, o si es redactor mostrar algún tipo de comentario.

Para realizar ese tipo de acciones necesitamos obtener sus datos.

Podemos seguir la especificación de la base de datos de wordpress para hacernos una idea de los nombres de las variables que necesitamos.

El código es bastante simple y se utiliza la función get_currentuserinfo para obtener los datos.

      global $current_user;
      get_currentuserinfo();

      echo 'Username: ' . $current_user->user_login . "\n";
      echo 'User email: ' . $current_user->user_email . "\n";
      echo 'User first name: ' . $current_user->user_firstname . "\n";
      echo 'User last name: ' . $current_user->user_lastname . "\n";
      echo 'User display name: ' . $current_user->display_name . "\n";
      echo 'User ID: ' . $current_user->ID . "\n";

Conocer la existencia de estas funciones nos ayuda a evitar utilizar métodos más rudimentarios (consultas a la bd) y de esa forma optimizar la carga web.


Así nos han encontrado!

  • mostrar informacion del usuario wordpress
  • widget wordpress para mostrar nombre usuario

Imprimir con Javascript

Una forma sencilla y rápida de enviar tus páginas web a imprimir

En ciertas situaciones es importante permitir la impresión de páginas web.
Por ejemplo permitir imprimir nuestras entradas o una página generada a partir de ciertos formularios.

Las posibilidades son infinitas y hay que saber adaptarse a las necesidades de los usuarios.
Mi compañero siempre dice los pequeños detalles que cuestan poco implementar, implementalos si no sobrecargar la página.

Este es uno de esos detalles.

Para habilitar un botón de impresión tenemos el siguiente código javascript:

window.print()

Se puede implementar en el evento onClick o simplemente en el href de un link.

<a href="javascript:window.print()">Imprimir</a>
<div onclick="window.print()">Imprimir</div>

Y es básicamente eso.
También se puede utilizar para generar pdf si tenemos el pdfcreator en nuestro ordenador instalado.

Recomiendo ver el preview en chrome, está bastante chulo :P


Así nos han encontrado!

  • imprimir con javascript
  • imprimir en javascript
  • imprimir javascript

Enviar formularios con javascript – Utilizar una imagen para enviar formularios

En este tip cubrimos dos apartados. El primero es como enviar formularios utilizando javascript y complementa al segundo que tratará sobre como utilizar una imagen como botón de submit

Hoy estoy trabajando bastante con formularios, de ahí que me tome unos minutos para escribir algunos tips que creo pueden resultar útiles.

En este caso cubriremos como enviar formularios utilizando javascript y luego como utilizar una imagen para enviar los formularios.

Enviar formularios con javascript

Para enviar un formulario con javascript necesitamos identificarlo con un name.

 <form method="POST" action="" name="contactar" id="contactar" />

Luego simplemente accedemos al document, luego al formulario y a la acción submit().

 &ltp onclick="document.contactar.submit();">enviar!</p>

El ejemplo anterior serviría para utilizar una etiqueta de parágrafo para enviar el formulario.


Así nos han encontrado!

  • enviar formulario javascript
  • enviar formulario con javascript

Validar email con Javascript

Actualizado: 1/2/2012

Agregando un poco de información a la validación en javascript explicamos como validar un email mediante Javascript

Siguiendo el post de como para el envio de un formulario vamos a explicar también brevemente como validar un email mediante javascript.

Esta tarde o mañana colgaré un post de como validar un email con php, que por alguna razón pensaba que ya lo había puesto :S

Validar email mediante Javascript

El proceso es muy sencillo y se trata de utilizar una expresión regular y test.

var filtro = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;	
if (!filtro.test(email)) {
   error = 'Introduzca un email válido';
}

Así nos han encontrado!

  • validar email javascript
  • Validar email con JavaScript
  • validar correo javascript
  • validar correo electronico javascript
  • VALIDAR EMAIL EN JAVASCRIpt
  • javascript validar email
  • validar correo con javascript
  • comprobar email javascript
  • validar correo electrónico con javascript
  • validacion email javascript
  • javascript comprobar email
  • validar correo en javascript
  • validacion de correo electronico javascript
  • VALIDAR EMAIL
  • validar mail javascript
  • funcion para validar email en javascript
  • validacion de email javascript
  • como validar email con javascript
  • validar un correo electronico con javascript
  • validar email java

Como parar el envio de un formulario en Javascript

Un tip rápido sobre como cancelar el envio de formularios mediante javascript

Para un programador que lleva su tiempo en esto del desarrollo web esta técnica no es un misterio alguno… sin embargo para un iniciado podría parecer interesante.

Este es uno de los muchos tips rápidos que iré posteando en este mes.

Cancelar el envio de un formulario con javascript

El método es simple, se trata de retornarle un false al formulario:

<form method="POST" action="index.php?seccion=con" onsubmit="return validar_contacto()" />

Me gustaría que prestaran especial atención al onsubmit, si se fijan, tiene un return antes de la función.
Así podremos retornar al formulario el valor que la función nos retorna, y de esta forma parar el envío del formulario.

La función validar contacto valida todos los campos y luego comprueba si existen errores.
Esta solo es la parte importante de la función:

		if (error.length > 0) {
			document.getElementById('error').innerHTML = error;
			return false;
		}

Si la variable error contiene algún tipo de dato se añade la información a la etiqueta con id error y se retorna false al formulario para cancelar la carga.

Espero sirva de ayuda ;)


Así nos han encontrado!

  • cancelar envio de formulario javascript
  • cancelar enviar formulario javascript
  • detener envio formulario javascript
  • cancelar envio formulario con javascript