Cambiar la dirección URL del inicio de sesión en WordPress

Si estamos usando WordPress como CMS en un desarrollo, querremos personalizar en la medida de lo posible al máximo cosas básicas como son la administración del sitio y relacionado con esto: la URL de acceso.

Por costumbre usando otros CMS o por intentar familiarizar más el acceso al inicio de sesión, es una buena idea cambiar wp-admin o wp-login.php por algo más sencillo como administracion. Por ejemplo: http://www.miempresa.com/administracion es mucho más intuitivo para un cliente que http://www.miempresa.com/wp-login.php.

Tenemos dos formas de hacerlo.

Con el fichero .htaccess

La idea es incluir la redirección dentro del fichero, sólo debemos incluir la siguiente línea:

Leer más » 10 Comentarios

Obtener datos de usuarios en WordPress

Comencemos averiguando los datos del usuario que ha iniciado sesión en WordPress tiene una serie de datos asociados, que pueden sernos de utilidad a la hora de crear o modificar plugins o temas. De cara a poder obtener sus datos, usamos la función get_currentuserinfo() que rellenará los datos de la variable global $current_user.

Veamos un ejemplo de uso que es autoexplicativo:

global $current_user;
get_currentuserinfo();

echo 'Nombre de usuario: ' . $current_user->user_login . "<br/>";
echo 'Correo electrónico: ' . $current_user->user_email . "<br/>";
echo 'Nombre: ' . $current_user->user_firstname . "<br/>";
echo 'Apellidos: ' . $current_user->user_lastname . "<br/>";
echo 'Nombre que se muestra: ' . $current_user->display_name . "<br/>;
echo 'Identificador: ' . $current_user->ID ;

Leer más » 2 Comentarios

Nuevos elementos en HTML5

Hace ya un tiempo, redacté una entrada que tuvo bastante éxito sobre los elementos que desaparecerán en breve de HTML. Muy relacionada con ésta os traigo esta nueva entrega, que podría ser la cara inversa a la anterior: Nuevos elementos en HTML5. Comencemos.

<article>

En español artículo. Se usa para definir de forma independiente, contenido autónomo. Puede ser contenido especificado de forma independiente del resto del sitio. Puede representar una tema de un foro, un artículo de un periódico o una entrada de un blog entre otros.

<aside>

Esta etiqueta se usa para identificar contenido aparte del contenido en el que se enmarca, pero con el que está relacionado. Veamos un ejemplo:

Leer más » 2 Comentarios

Buscar un elemento por su contenido con jQuery

Los selectores de jQuery son una herramienta potente y flexible como pocas en el desarrollo web. Su sintaxis basada en CSS facilita enormemente la labor, hacer todo a base de document.getElementById es muy duro. Sin embargo hay veces que queremos elegir elementos no por su identificador, ni por su clase, ni por su nombre, ni siquiera por un atributo que hayamos rellenado aparte, sino por su contenido.

Para esta labor tenemos el selector :contains. Veamos ejemplos que es la mejor forma de aprender su uso. Tened en cuenta sólo una cosa, :contains nos devolverá todos los elementos cuyo texto interno contiene en alguna parte la cadena que le pasemos. Otro detalle a tener en cuenta: sí es sensible a mayúsculas.

Veamos:

  • $(‘:contains(“Mi texto”)’): reconocerá cualquier elemento del texto que incluya en alguna parte “Mi texto”, respetando mayúsculas y minúsculas.
Leer más » 2 Comentarios

Enlaces permanentes o pretty permalinks con htaccess y Apache

El posicionamiento en buscadores y la progresiva imposición del ecosistema web en el día a día del software, ha obligado a todos los que desarrollamos aplicaciones en la nube,  a cuidar la forma en que aparecen las URL, el producto de esta tendencia son los llamados pretty permalinks. Direcciones que identifican de forma unívoca a contenido y que además en lugar de tener parámetros, tienen una cadena entendible para los humanos.

¿En qué tecnología nos podemos apoyar para llevarlos a cabo? Podemos usar nuestro lenguaje del lado del servidor o directamente también podemos usar a nuestro servidor web. Explicaré en esta entrada cómo hacer enlaces permanentes vistosos usando Apache y .htaccess. Siempre hará falta conocer algo sobre expresiones regulares o patrones. El requisito técnico es que además del servidor web, tengas instalado mod_rewrite.

Objetivo

El ejemplo que vamos a desarrollar convertirá peticiones del tipo http://misitio.com/mipaginahttp://misitio.com/mipagina.php, para que podáis tener:

  • http://misitio.com/contacto usando http://misitio.com/contacto.php
  • http://misitio.com/sobre-mi usando http://misitio.com/sobre-mi.php

¿Útil no?

Código

Este es el código del fichero .htaccess:

Leer más » 2 Comentarios

WordPress 3.4 “Green”: personalización de temas, integración de Twitter y mucho más

Si estáis suscritos a la distribución de WordPress, habréis recibido un correo de Matt anunciando lo que ya comenté anoche en Twitter:

Y aquí lo pongo para mostraros una de las muchas novedades (la inclusión automática de tweets con sólo poner el vínculo) y virtudes de este nuevo WordPress 3.4 “Green” llamado así en honor a Grant Green, otro grande del jazz como siempre pasa en WordPress.

Las novedades no se quedan ahí y os recomiendo hacer dos cosas para comprobarlas:

  • Actualizar cuanto antes y ver la nota que aparece al volver a iniciar sesión
  • Ver este vídeo que aunque está en inglés, es breve y muy gráfico:

Leer más » 3 Comentarios

¿Qué es la propagación de DNS? ¿Por qué tarda? ¿Cómo comprobar el estado?

En Internet las máquinas se comunican entre sí a través de las direcciones IP, que forman parte del nivel 3 del modelo OSI o nivel 2 del modelo TCP/IP. Estos números, que en IP versión 4 tienen esta forma: 150.214.110.3, es decir, cuatro números de 0 hasta 255, no son fácilmente recordables, por los que gracias al protocolo DNS se les puede asignar un nombre de dominio, como linuxhispano.net. De forma básica, podemos decir que cada nombre de dominio apunta a una dirección IP.

Propagación

Imaginad este caso. Tenemos a Red De Autores corriendo en la máquina A con una dirección propia y queremos moverlo a una máquina B. Debemos actualizar el DNS de forma que a partir de ese momento las peticiones vayan a la máquina B.

Montamos todo en B y en ese momento se le pide a nuestro gestor de dominios: “cambia la dirección a la que apunta Red De Autores a la máquina B”. El gestor de dominios la cambia y este hecho empieza a anunciarse a los DNS de todo el mundo (es lo que tiene Internet), gracias a la estructura jerárquica de los servidores DNS mundiales.

¿Dónde está el problema?

Para entender la raíz del problema, debemos saber lo siguiente.

Leer más » 1 Comentario

¿Cómo usar fotos de Gravatar en tu sistema?

Gravatar, abreviación de globally recognized avatar en inglés (o avatar reconocido globalmente, en español) es un servicio que ofrece un avatar único globalmente y que es usado por WordPress, tanto en su rama de CMS como en su rama de servicio de blogs gratuitos (WordPress.com).

Gravatar

Es un servicio que ofrece una identidad única, fue creado por Tom Werner y podemos usarlo de forma gratuita y sin restricciones en nuestros desarrollos para ofrecérselo a nuestros usuarios. ¿Cómo?

Gravatar identifica cada usuario mediante su cuenta de correo electrónico y nos ofrece la posibilidad de recuperar dichas imágenes, los gravatar, mediante una URL, que tiene la siguiente forma:

http://www.gravatar.com/avatar/HASH

Siendo HASH el cálculo MD5 de la dirección de correo electrónico del usuario. Por ejemplo, mi gravatar sería:

Leer más » 2 Comentarios

Añadir widgets personalizados al escritorio de WordPress

Cuando personalizas una instalación WordPress para un cliente o para ti mismo, el panel de administración o escritorio es de los puntos en los que más tenemos que centrarnos. De su personalización depende en gran medida la sensación que demos de producto empaquetado o, por el contrario, producto personalizado.

WordPress nos provee de dos herramientas básicas para la interacción en el escritorio: el menú lateral y los widgets. Veamos un ejemplo de “¡Hola Mundo! en un widget de escritorio.

En nuestro functions.php deberemos definir lo siguiente:

Leer más » 1 Comentario

Desactivar autocompletado en formularios HTML

Cuando estamos trabajando con formularios en la web, es muy común que por comodidad del usuario, el navegador incorpore algunos datos que son repetitivos entre ellos: nombre, apellidos, dirección de correo electrónico, etc. La idea es facilitarle la vida al usuario y hacer más rápido el uso del formulario.

Sin embargo, en ocasiones, desearemos que no se produzca dicho autocompletado. Por ejemplo, la web de un banco, un nombre de usuario en una plataforma, o algo susceptible de ser usado de forma malintencionada.

Para desactivar el autocompletado, disponemos del atributo autocomplete. Veamos un ejemplo de uso, lo incorporamos directamente en el formulario:

<form autocomplete="off">

O más concretamente al input en cuestión si queremos afinar en cada entrada de texto:

<input autocomplete="off">

Sin embargo hay un problema: no valida en los test del W3C. Para solventarlo, tenemos varios métodos, el más sencillo es el siguiente que lo he implementado usando jQuery:

Leer más » 5 Comentarios