Si estás visitando este sitio web por primera vez, no has de notar que tenemos un nuevo diseño de sitio web.
El anterior diseño era del año 2017, sin cambios desde ese entonces, un tema WordPress hecho a medida bastante personalizado, y ya han pasado unos años desde que realice algún cambio importante y por lo que a mí respecta era momento de renovar.
Con la decisión tomada surgió una pregunta:
Índice de contenido
¿Qué tema WordPress elegir para el sitio web?
Existen cientos de temas WordPress tanto Gratuitos como Premium (pagos) algunas plantillas muy conocidas gracias al marketing y otros no tanto.
Pero, el aspecto principal que considere para elegir el tema WordPress es la Velocidad, un tema que esté bien optimizado y sea rápido. Realizando una pequeña búsqueda en Google encontré que hay muchas tendencias diferentes desde hace varios años, pero al día de hoy solo existen unos 10 temas que siguen en el top de reseñas hasta la fecha.
Tras analizar los Pro y los Contra de cada uno me he decidido por un tema llamado Kadence.
Copia de seguridad WordPress para pruebas en entorno local
Nunca, nunca realices algún cambio importante en un sitio web en vivo, si antes probar esa característica en un entorno de desarrollo local, algunos hostings pueden proporcionarte un espacio aparte para probar cosas nuevas en tu sitio web sin romper el sitio web en vivo, clonar el sitio con un solo clic para hacer pruebas.
De no ser el caso de tu proveedor de hosting, puedes crear un subdominio, instalar WordPress y el nuevo tema y realizar todas pruebas necesarias.
¿No quieres complicarte con la configuración de un subdominio en tu hosting?
Pues, también hay otras opciones como tastewp.com, un sitio web que te permite instalar WordPress temporales para probar esos nuevos temas y plugins antes de usarlos en tu sitio real.
Como desarrollador me voy por otra opción, desde hace varios años utilizo Laragon una aplicación de entorno de desarrollo local moderno, mantenido y rico en características de desarrollo.
Para realizar una copia de seguridad de la instalación WordPress al día de hoy es sumamente sencillo eligiendo el plugin correcto, hay algunos muy buenos, los he probado casi todos, pero en este caso he elegido WPvivid Backup para realizar la copia de seguridad. (Pronto publicaré un tutorial sobre como realizar una copia de seguridad manual o con plugins)
El motivo para realizar una copia de seguridad es tener una copia exacta del sitio para realizar todas las pruebas que creamos necesarias en un entorno local sin medio a romper nada, comprobar si el tema elegido se va a ajustar bien al sitio web con todo el contenido ya subido y los plugins activados.
Un problema que puede surgir tras cambiar de tema WordPress
Un problema que surgió, algunos ganchos de código no funcionaban correctamente con el nuevo tema, la solución instalar un plugin que cumpliera la función requerida.
Muchos temas vienen con sus propios ajustes de tamaños de imágenes para distintas áreas como, post relacionados y otras zonas, por ende las imágenes que ya se han subido con el antiguo tema pueden no verse bien con el nuevo tema instalado, por lo que cambiar las dimensiones de estas imágenes o ajustar las dimensiones de la página es una tarea importante a realizar.
En mi caso 5 imágenes no se ajustaban correctamente en algunas páginas, por lo que decide crearlas de nuevo y cambiarlas.
Subiendo y reemplazando 2 primeras imágenes, note un enorme cambio en el aspecto del sitio web, y sin darme cuenta termine creando nuevamente todas las imágenes principales. ????
Antiguo logo y nuevo logo v2
Siguiendo el enfoque de las imágenes, otro cambio importante fue el logo del sitio.
Un diseño que tenía hace un tiempo en mis pensamientos, ya era hora de un cambio.
Apariencia antes y después de cambiar tema
Por ahora, estoy conforme con esta versión 2, no es un estilo final así que lo iré mejorando poco a poco.
Resumen
He cambiado de tema WordPress, utilizando mi metodología de trabajo invertí unos 7 días cuidando cada detalle para cambiar el tema WordPress. Aspectos como el contenido, estructura, los H1, H2, H3, H4, diseñar nuevas imágenes, menús, widgets, enlaces, etc.
Aparte de los cambios en el front-end, realice cambios también en el back-end para mejorar aún más la fluidez del sitio web.
Al momento de tomar la decisión de cambiar de tema, planifica el tiempo necesario para realizar todos los ajustes correspondientes para adaptar la web tanto a pantallas de escritorio como dispositivos móviles.
Aún falta mucho código personalizado que iré añadiendo al tema con el tiempo, pero estoy bastante feliz con el resultado.
Por último, el siguiente paso es hacer un seguimiento en herramientas como PageSpeed, Webpagetest, entre otras.
