Para asignar una zona horaria al sistema en CentOS, desde la consola de comandos, debemos hacer un enlace simbólico al fichero de la ciudad más cercana a nuestra zona horaria local.

En mi caso, la zona horaria es Europa, y la ciudad Madrid. Con el GMT +1 y +2 según sea el horario de verano o invierno, con el cambio de fecha de horario programado.

Para asignar la zona horaria al sistema, renombramos el fichero preconfigurado de localtime:

# mv /etc/localtime /etc/localtime-old

Y hacemos un enlace simbólico al fichero de nuestra zona horaria:

# ln -sf /usr/share/zoneinfo/Europe/Madrid /etc/localtime

Una vez hecho esto, podemos revisar la hora de nuestro sistema, ejecutando:

# date

Esto nos muestra la fecha y hora del sistema. Si no es correcta, la cambiamos ejecutando ‘date‘ y pasándole la fecha en el formato MMDDhhmmYY, de la forma: mes, día, hora, minutos y año, todos con dos cifras.

Si queremos cambiar la hora a las 19:53h del día 18 de mayo de 2013, por ejemplo, hacemos:

# date 0518195313

Y alehop, cambiada, podemos comprobarla de nuevo ejecutando ‘date‘ sin parámetros.

En un diseño Responsive debemos tener en cuenta el tamaño de las imágenes que cargamos en cada dispositivo. En los dispositivos móviles el ancho de banda suele ser más reducido que en un equipo de escritorio, velocidades módem, 3G o similares.

El caso concreto que os propongo es para las imágenes que en WordPress llama imagen destacada, featured-image, que sale en la cabecera de nuestro mensaje, por defecto tomará las medidas de los previos que tengamos marcada en los ajustes Media del administrador.

Para un móvil no interesa mostrar un previo, thumbnail, más pequeño que en una tablet o un equipo escritorio. Para eso:

1. Descargar el plugin Mobble
2. Instalar: copiar en la carpeta Plugins de WordPress. Activar desde el administrador de plugins.
3. Modificar los PHP donde se muestra la featured-imagen (post-thumbnail) por ejemplo:

• loop.php
• single.php

Pasos a seguir:

1. Editar el fichero php
2. Buscar la función post_thumbnail
3. Reemplazar:

<?php //the_post_thumbnail(); // Declare pixel size you need inside the array ?>

Por:

<?php
if (is_mobile()) {
the_post_thumbnail('small');
} else {
the_post_thumbnail('large');
}
?>

Podemos usar en los if los dispositivos genéricos:

is_handheld(); // any handheld device (phone, tablet, Nintendo)
is_mobile(); // any type of mobile phone (iPhone, Android, etc)
is_tablet(); // any tablet device
is_ios(); // any Apple device (iPhone, iPad, iPod)

La lista completa de dispositivos:

is_iphone();
is_ipad();
is_ipod();
is_android();
is_blackberry();
is_opera_mobile();
is_symbian();
is_kindle();
is_windows_mobile();
is_motorola();
is_samsung();
is_samsung_tablet();
is_sony_ericsson();
is_nintendo();

SaludoX

WordPress añade por defecto y de forma automática la información del alto y ancho de la imagen que subimos desde su gestor multimedia. Para un diseño fluido o responsive no nos interesa ese dato, pues haría que salieran en pantalla a un tamaño fijo, todo lo contrario a lo que se persigue con estos diseños, en los que queremos que se adapte al tamaño de pantalla de nuestro dispositivo.

Para eso, debemos quitar en la etiqueta img el alto y ancho desde los filtros de nuestro theme, y ajustar las CSS para que muestren las imágenes a un máximo del 100%, independiente del tamaño original de la imagen.

Ajustar las CSS:

img{max-width: 100%;}

En el fichero functions.php de nuestro theme añadimos una función que quite los tags width y height de la función del core de WordPress:

// Remove thumbnail width and height dimensions that prevent fluid images in the_thumbnail
function remove_thumbnail_dimensions( $html )
{
  $html = preg_replace('/(width|height)=\"\d*\"\s/', "", $html);
  return $html;
}

Y en el mismo fichero de functions.php añadir los filtros:

Este quita los atributos width y height de los thumbnails:

add_filter('post_thumbnail_html', 'remove_thumbnail_dimensions', 10);

Y este otro los quita de las imágenes de los mensajes:

add_filter('image_send_to_editor', 'remove_thumbnail_dimensions', 10);

Que lo disfrutéis