Ha salido hoy una nueva versión de WordPress, concretamente la versión 3.3 que trae bastantes mejoras en cuanto a la interfaz y el cargador de imágenes entre otras cosas.

Por un lado la barra de administración que aparecía antes en la parte frontal, y que no servia para nada, la han modificado y le han añadido enlaces útiles, además ahora esta barra ya no solo aparece en esa parte si no que también lo hace en el panel de administración. En cualquier caso aun les fata pulirla más.

Por otro lado los menús laterales los han modificado para que por defecto estén encogidos todos y se desplieguen al pasar el ratón, esto aunque da un aspecto muy cool no me hace mucha gracia pues me gustaba poder tener diferentes secciones desplegadas de forma permanente (entradas, plugins, etc.), es lo mismo en lo que se esta empeñando Google últimamente, machaca la utilidad para dejar unicamente la estética y que los casuals no se espanten al entrar a sus servicios con sus tablets :S

También han cambiado los botones del cargador de contenidos multimedia. Antes había varios botones según el fichero que quisieras subir (fotos, vídeo, música, otros) aunque todos hacían lo mismo y ninguno tenia ninguna restricción, vamos, 4 botones para lo mismo. En cuanto al funcionamiento del cargador de contenidos también lo han modificado ya que le han añadido el “arrastra y suelta” de forma que con arrastrar los ficheros desde el escritorio al cargador se sube el contenido de forma automática.

Esta nueva versión viene acompañada por el theme  Twenty Eleven el cual esta completamente escrito en HTML5 e incluye muchas funcionalidades a la hora de escribir las entradas pues te permite publicarlas de muy diversas formas, cada una de ellas con una plantilla diferente según la entrada sea una galería de imágenes, sea una entrada corta en plan twitter, entrada normal, etc.

Pero eso no es a lo que voy, si no a la forma que tiene el theme para mostrar los comentarios mediante un icono con forma de nube la cual e implementado en mi theme actual.

Para ello lo principal era inspeccionar el código PHP del theme para encontrar en que sección se hace y como se hace la consulta para cargar los datos, el código era muy parecido al anterior pero no igual, una vez sustituido hay que aplicarle los estilos adecuados. Lo mejor en vez de ir por el syles.css  linea por linea buscándolos es usar el Opera Dragonfly o derivados, que permiten inspeccionar el código de las paginas webs y editar la copia local descargada, de modo que por ejemplo al clicar sobre un elemento, la nube, se nos muestra el código HTML y CSS correspondiente. Es entonces con unas búsquedas con FileSeek  cuando encontramos el texto en el fichero exacto o segun lo que necesitemos incluso podemos copiarlo directamente del Dragonfly.

Luego ya queda incluir cada código en su fichero correspondiente para hacerlo funcionar y sin demasiados problemas quedo así:

Por otro lado, esta semana pasada salio la actualización 2.0.0-2 de la 3DS, la cual incluye el navegador de internet NetFront. Por los foros nos hemos percatado de que la web de guías nintendo no esta optimizada para la nueva consola, ya que la interfaz ligera sólo funciona con DSi.

Eso es debido a que el nuevo navegador, bueno y todos, al realizar la conexión al servidor se envían unas cabeceras en las que se añade información aparte de la URL que se solicita. En esas cabeceras entre toda la información que se envía hay una muy importante que es la del User Agent, en ese parámetro se incluye el navegador que se usa, de modo que el servidor, en el caso de acceder desde una Nintendo DSi, se percata de ese dato y le redirecciona a la interfaz ligera. Sin embargo con la Nintendo 3DS no sucede ya que no han añadido el nuevo User Agent: “Nintendo 3DS” y al intentar acceder a la página se carga la web por defecto repleta de barners gigantes y pesados.

Es por ello que, después de darle muchas vueltas conseguí que mi navegador de internet se hiciese pasar por una Nintendo DSi y con ello poder descargar la página a la que hubo que hacerle unas modificaciones pues mientras se navega se vuelve a comprobar un par de veces que estés en la DSi.

Una de esas comprobaciones se hace con JavaScript, código que me guardo para usos propios ; )

window.onload = function()
{
   if( navigator.userAgent.indexOf('Nintendo DSi') == -1 )
   {
      location.replace('http://www.guiasnintendo.com');
   };
};

Para acceder al portal de 3DS lo podéis hacer desde este enlace:

url.giltesa.com/guiasnintendo

Por cierto, también se puede acceder a la interfaz móvil del blog desde la N3DS ; )

Preparativos:

Primero, y lo mas obvio, hay que realizar una copia de seguridad del directorio entero, de la base de datos y tampoco esta de mas exportar la base de datos desde la interfaz de wordpress.

Antes de tocar ningún fichero, hay que modificar la url del blog, para ello en el panel de control de wordpress > Ajustes > Generales, en el apartado “Dirección de WordPress (URL)” y “Dirección del sitio (URL)” pondremos la nueva url, en este caso de “blog.giltesa.com” a “giltesa.com” en ambos campos salvo en casos excepcionales. Al hacerlo nos dejara de ir el blog.

Ahora ya podemos trasladar todo el contenido de un directorio al nuevo y acceder a través de la nueva dirección.

Redirecciones:

Una de las primeras cosas que hay que hacer es crear una redirección 301 (permanente) del dominio viejo al nuevo, de forma que si alguien accede desde la dirección antigua este sea redireccionado al nuevo, o si tenemos alguna foto en algún foro, esta se cargue correctamente aun que siga apuntando a la imagen alojada en el exdominio, automáticamente la redireccionara y se mostrara correctamente.

Esta redireccion se puede hacer de varias formas, en mi caso a través del fichero .htaccess que esta en la raiz de blog.giltesa.com

	RedirectMatch 301 ^(.*)$ http://giltesa.com$1

Eso avisa a todo aquel que entre por la dirección antigua de que hay una nueva y que debe acceder por allí.

A través de un fichero .htaccess también podemos hacer que los usuarios y buscadores puedan entrar sólo desde “giltesa.com” o desde “www.giltesa.com”, lo que no debemos de hacer es que se pueda acceder desde las dos direcciones pues google considerara que es contenido repetido y nos penalizara. En este caso no queremos las www, y si alguien las pone sera redirigido a la dirección correcta (este otro .htaccess va en la raíz de www o public_html):

	RewriteEngine On
	RewriteBase /
	RewriteCond %{HTTP_HOST} ^www\.giltesa\.com$ [NC]
	RewriteRule ^(.*)$ http://giltesa.com/$1 [R=301,QSA,L]

Enlaces internos:

Durante todo este tiempo escribiendo entradas y adjuntando imágenes, todos esos enlaces apuntaban al dominio antiguo, y aunque el redireccionamiento con el fichero .htaccess ya se encarga de que todo funcione correctamente no es lo adecuado para los enlaces internos.

Para arreglarlo y cambiarlos todos de golpe, pues tampoco nos vamos a poner a editar cada una de las entradas una a una, ejecutaremos un comando desde la interfaz web de phpMyAdmin de nuestro hosting, ese comando remplazara todas las direcciones antiguas por las nuevas.

update wp_posts set post_content = replace(post_content,'http://blog.giltesa.com','http://giltesa.com');

Indexación:

Ahora que ya tenemos resueltas las redirecciones nos tendremos que encargar del sitemap, en mi caso desde el plugin “Google XML Sitemaps”, para ello borramos los viejos y de forma manual desde el panel de administración del plugin hacemos que renueve los ficheros. Con el sitemap actualizado es conveniente hacerle saber a google a través de las herramientas para webmasters que nuestro sitio se ha mudado de dirección, sin embargo, por alguna estúpida razón, google no te permite hacer ese cambio desde un subdominio a otro o en este caso a la raiz. Así que me ha tocado crear un nuevo sitio y empezar de nuevo.

Y por ultimo, ya veremos si no añado mas cosas que me haya dejado, tendremos que cambiar, en el caso de que lo usáramos, la pertinente información de google analytics.

Edit: acabo de ver que también cambia el asistente para los enlaces.