Cómo cambiar correctamente un tema de WordPress (Guía definitiva)

Recientemente, uno de nuestros lectores nos preguntó cómo cambiar correctamente un tema de WordPress en su sitio web sin romper nada.

WordPress facilita enormemente el cambio y la gestión de temas. Sin embargo, debes recordar que cambiar la apariencia de tu sitio web es un acontecimiento importante. Tendrás que tener en cuenta ciertas cosas antes y después de cambiar un tema para no perder ningún dato ni tráfico del sitio web.

En este artículo, le mostraremos cómo cambiar un tema de WordPress con una lista de comprobación paso a paso.

¿Por qué cambiar un tema de WordPress?

Es posible que desee cambiar el tema de su sitio web WordPress para que se adapte mejor a su nicho.

Por ejemplo, si tiene un blog de moda, quizá le interese cambiar a un tema con el estilo de un sitio web de moda profesional.

Cambiar de tema también puede dar a su sitio web un aspecto renovado, mejorar la experiencia del usuario e incluso mejorar el SEO de su sitio al facilitar a los motores de búsqueda el rastreo y la indexación de su contenido.

Además, algunos temas de WordPress vienen con características incorporadas que puede necesitar en su sitio. Por ejemplo, algunos temas incluyen características para comercio electrónico, sitios de membresía y porfolios.

Dicho esto, veamos cómo cambiar correctamente un tema de WordPress en tu sitio web. He aquí un resumen rápido de lo que aprenderás en este artículo:

Qué hacer antes de cambiar un tema de WordPress

Aunque puede cambiar fácilmente un tema con sólo unos clics, debe tomar algunas medidas de precaución antes de iniciar este proceso.

Le recomendamos que repase la siguiente lista de comprobación para asegurarse de que el proceso de cambio de tema de WordPress se realiza sin problemas y de que no pierde datos importantes.

1. Copie fragmentos de código de su tema actual

A algunos usuarios intermedios de WordPress les gusta personalizar su sitio web añadiendo fragmentos de código directamente al archivo functions.php del tema.

Como estos cambios se hicieron una vez, la gente suele olvidarse de ellos.

Si tú o tu desarrollador habéis realizado estos cambios, asegúrate de revisar los archivos de tu tema actual y anotar todo el código adicional que hayas añadido anteriormente. Esto te permitirá añadir estos fragmentos más tarde en el archivo functions.php de tu nuevo tema o en un plugin de WordPress específico del sitio.

Para más detalles, consulte nuestra guía sobre cómo añadir correctamente código personalizado en WordPress.

2. Tiempo de carga de la prueba

Antes de cambiar de tema, debería marcar / comprobar el tiempo de carga de su sitio web. Esto puede ayudarte a comparar fácilmente las diferencias en el tiempo de carga de la página después de realizar cambios en tu sitio web.

Recuerde que la velocidad de WordPress es un factor importante para la experiencia del usuario y el SEO, por lo que debe asegurarse de que el nuevo tema sea más rápido que el anterior.

Puede marcar / comprobar la velocidad de su sitio web utilizando una herramienta de prueba de velocidad de WordPress. Para obtener más instrucciones, consulte nuestra guía sobre cómo realizar una prueba de velocidad del sitio.

Asegúrese de probar el tiempo de carga de la página de inicio y también de algunas de sus páginas interiores.

3. No pierda ningún código de seguimiento

Algunos usuarios añaden su código de seguimiento de Analytics directamente a los archivos de su tema. Además, algunos temas de WordPress permiten añadir código de AdSense o Analytics en sus paneles de ajustes.

Uno de los errores más comunes de los principiantes es pasar por alto estos fragmentos de código.

Debe asegurarse de copiar todo el código de seguimiento para poder añadirlo a su nuevo sitio después de cambiar el tema.

Para evitarlo en el futuro, siempre recomendamos a los usuarios que instalen Google Analytics utilizando un plugin como MonsterInsights. Este plugin le permite ver los análisis e informes directamente desde su escritorio de WordPress sin añadir ningún código de seguimiento a los archivos del tema.

Por otro lado, para otros códigos de seguimiento como anuncios, recomendamos usar WPCode. Para obtener instrucciones detalladas, consulte nuestro tutorial sobre cómo añadir correctamente Google AdSense a WordPress.

4. Realice una copia de seguridad completa

Siempre es recomendable hacer una copia de seguridad de tus entradas, imágenes, plugins y de la base de datos antes de cambiar de tema.

Puede utilizar un plugin de copia de seguridad de WordPress como Duplicator para crear una copia de seguridad de todo su sitio. Asegúrate de descargar esta copia de seguridad a tu ordenador antes de seguir adelante.

Este paso garantizará que pueda recuperar su sitio web fácilmente si algo sale mal.

Para obtener más información, puede consultar nuestra guía para principiantes sobre cómo realizar copias de seguridad de su sitio de WordPress.

5. Contenido de la barra lateral

Las barras laterales se utilizan para añadir diferentes widgets, como enlaces sociales, anuncios, formularios de suscripción o un formulario de contacto.

Toma nota de estos cambios. Si hay algún código personalizado añadido a un widget, asegúrate de copiar y pegar este código en tu ordenador para poder reutilizarlo en tu nuevo tema.

6. Mantenga su sitio en modo de mantenimiento

Es una buena práctica poner su sitio web en modo de mantenimiento cuando esté realizando cambios en él. Esto puede evitar que los usuarios vean un sitio web incompleto y garantizar una transición fluida a un tema diferente.

Para ello, recomendamos utilizar SeedProd.

Es el mejor maquetador de páginas de WordPress del mercado que le permite crear fácilmente páginas en modo Próximamente y Mantenimiento para su sitio.

Primero, necesitas instalar y activar el plugin SeedProd. Si necesitas ayuda, sigue nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Nota: Puede utilizar el plan gratuito de SeedProd para activar el modo de mantenimiento. Sin embargo, la actualización a la versión premium desbloqueará más características como plantillas pre-construidas, características avanzadas de personalización e integraciones de herramientas de marketing por correo electrónico.

A continuación, diríjase a la pantalla SeedProd ” Páginas de destino desde su escritorio de WordPress y haga clic en el botón “Establecer una página en modo de mantenimiento”.

A continuación, debe seleccionar una plantilla para su página de modo de mantenimiento. También puede utilizar una plantilla en blanco y crear una página desde cero.

Para elegir una plantilla, sólo tiene que pasar el cursor por encima de una miniatura y luego hacer clic en el icono de marcar / comprobar.

Ahora puede utilizar el editor de arrastrar y soltar de SeedProd para personalizar su página. Simplemente añade nuevos bloques arrastrándolos desde el menú de la izquierda.

SeedProd le permite añadir bloques estándar para texto, imágenes, botones y titulares. También ofrece bloques avanzados, como formularios de contacto, regalos, opciones para compartir en redes sociales y mucho más.

No olvides guardar los cambios al hacer clic en el botón “Guardar” de la esquina superior derecha.

A continuación, dirígete a la pestaña “Ajustes de página” y cambia el estado de la página estableciéndolo en “Publicar”.

Una vez hecho esto, haga clic en el icono “X” situado en la esquina superior izquierda de la pantalla para salir del editor de arrastrar y soltar. Se abrirá una indicación en la pantalla pidiéndole que active el modo de mantenimiento.

Desde aquí, basta con hacer clic en el botón “Sí, activar” para mostrar el modo de mantenimiento a los usuarios que visiten su sitio web.

Si necesita más inspiración para crear una página en modo de mantenimiento, entonces puede ver nuestra lista de ideas de páginas de mantenimiento que puede utilizar en su sitio de WordPress.

Cómo instalar un tema de WordPress

Después de seguir las precauciones anteriores, el siguiente paso es instalar un tema que desee utilizar en su sitio.

Una vez que haya seleccionado un tema, debe instalarlo en su sitio de WordPress. Puedes utilizar cualquiera de los 3 métodos siguientes para instalar un tema de WordPress:

• Uso de la opción de búsqueda de temas de WordPress
• Subida de un tema desde el escritorio de WordPress
• Instalación de un tema mediante FTP

Para más información, puede marcar / comprobar nuestra guía para principiantes sobre cómo instalar un tema de WordPress.

Existen miles de temas de WordPress gratuitos y de pago entre los que elegir. El hecho de que estés leyendo este artículo significa que probablemente has encontrado un buen tema para tus necesidades.

Sin embargo, si aún no ha elegido un tema, le recomendamos encarecidamente los siguientes temas de WordPress:

1. Astra

Astra es un tema de WordPress ligero y optimizado para la velocidad que es compatible con populares plugins maquetadores de páginas como SeedProd, Beaver Builder, Divi y Visual Composer.

Es un tema preparado para la traducción y RTL. Le permite iniciar su sitio web en cualquier idioma e incluso crear un sitio web multilingüe.

Astra también puede integrarse con el plugin WooCommerce, para que puedas crear fácilmente una tienda online sin muchas complicaciones. Usted puede incluso personalizar la cabecera, pie de página, diseño, y más utilizando el Personalizador de temas de WordPress.

Lo que más nos gusta de Astra son todas las plantillas de sitios web iniciales que incluye. Tiene más de 250 opciones para todo tipo de nichos, incluyendo sitios web de negocios, tiendas online y blogs personales.

2. Divi

Divi es uno de los temas de WordPress más populares del mercado. Funciona con el editor de arrastrar y soltar Divi Builder, que te permite crear fácilmente cualquier tipo de sitio web.

Incluye más de 2000 estructuras / disposiciones / diseño / plantillas y 200 elementos de contenido diferentes. Puede personalizar fácilmente cada elemento de su sitio y ver los cambios en tiempo real.

Además, Divi también es super SEO-friendly y puede ayudar a su sitio a posicionarse mejor en Google y otros motores de búsqueda.

3. SeedProd

SeedProd es el mejor maquetador de temas para WordPress del mercado, con más de 1 millón de usuarios activos.

Ya hemos mencionado que puedes usarlo para crear una página en modo mantenimiento. Pero también puedes usarlo para crear un tema de WordPress personalizado sin escribir ningún código.

SeedProd viene con un maquetador de arrastrar y soltar y más de 300 plantillas de diseño profesional para empezar. Puede personalizar fácilmente su tema con bloques listos, secciones inteligentes y etiquetas de plantillas de WordPress.

También muestra una vista previa en tiempo real de todos los cambios en la parte derecha de la pantalla, para que pueda ver cómo se mostrará su sitio web a los usuarios incluso antes de publicarlo.

4. StudioPress Génesis

Genesis es el framework de temas de WordPress más popular creado por el equipo de StudioPress. Puedes crear sitios web increíbles utilizando el framework Genesis y otros temas de StudioPress.

Por si no lo sabes, StudioPress forma parte de WP Engine, la empresa de alojamiento gestionado de WordPress más popular.

La mejor parte es que obtendrás 35+ temas de StudioPress gratis si accedes a cualquier plan de alojamiento de WP Engine.

5. OceanWP

OceanWP es un tema de WordPress adaptable y polivalente. Ofrece múltiples plantillas de demostración que se han construido con diferentes profesiones y negocios en mente.

Es compatible con los principales plugins maquetadores de páginas. También puede utilizar diferentes extensiones para llevar su sitio al siguiente nivel.

Cómo cambiar el tema de WordPress sin activarlo

Una vez que hayas instalado tu nuevo tema, estás listo para cambiar de tema.

No obstante, siempre es recomendable probar un tema antes de utilizarlo en el sitio web.

De esta forma, podrás comprobar la compatibilidad del nuevo tema con tus plugins existentes y asegurarte de que todo funciona correctamente.

Existen tres formas de cambiar el tema de WordPress sin necesidad de activarlo.

1. Opción de vista previa en directo

Por defecto, WordPress te permite tener una vista previa de un tema en tu sitio web sin cambiarlo.

Para ello, diríjase a la página Apariencia ” Temas desde la barra lateral del administrador de WordPress.

En esta página verás todos los temas instalados en tu sitio. Pasa el cursor por encima del tema que quieras previsualizar y haz clic en el botón “Vista previa en vivo”.

Esto abrirá su nuevo tema en el Personalizador de Temas de WordPress.

Ahora puede probar su nuevo tema y asegurarse de que todo funciona correctamente.

2. Plugins de cambio de tema

Otra opción es utilizar el plugin Theme Switcha. Le permite obtener una vista previa de su nuevo tema sin activarlo.

En primer lugar, debe instalar y activar este plugin gratuito. Para obtener instrucciones detalladas, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, visite la página Ajustes ” Cambio de tema desde el escritorio de WordPress y marque la casilla situada junto a la opción “Activar cambio de tema”.

Una vez hecho esto, desplázate hasta el final de la página para hacer clic en el botón “Guardar cambios”.

Este plugin mostrará todos los temas instalados en la parte inferior de esta página.

Desde aquí, basta con hacer clic en el nuevo tema para obtener una vista previa en una nueva pestaña del navegador / explorador.

3. Pruebe su tema en un sitio de prueba

También puede probar su tema de WordPress sin hacerlo en vivo mediante la creación de un sitio de ensayo. Este sitio web es un clon de su sitio web en vivo y se utiliza para probar cualquier cambio.

Puede hacerlo fácilmente utilizando la característica de sitio de prueba integrada en su proveedor de alojamiento. Para este tutorial, utilizaremos Bluehost.

En primer lugar, debe visitar su cPanel de Bluehost y hacer clic en el botón ‘Mis sitios’. Una vez hecho esto, cambie a la pestaña ‘Plugins’ y active el plugin The Bluehost.

A continuación, visite su escritorio de WordPress y diríjase a la página Bluehost ” Staging.

Desde aquí, haga clic en el botón “Crear sitio de ensayo” para continuar.

Bluehost preparará ahora el entorno de ensayo para usted.

A continuación, aparecerá la sección “Sitio de ensayo”, donde deberá marcar la casilla “No se está editando actualmente”.

Se abrirá una indicación en la pantalla pidiéndole que cambie a su sitio de preparación.

Desde aquí, haz clic en el botón “Cambiar”.

Una vez hecho esto, puedes ir a la página Apariencia ” Temas desde el Escritorio y activar cualquier tema que quieras probar sin preocuparte de que afecte a tu sitio activo.

Una vez que estés satisfecho con el tema, puedes publicar los cambios.

Para más detalles, puede consultar nuestra guía para principiantes sobre cómo crear fácilmente un entorno de ensayo para un sitio de WordPress.

Cómo cambiar el tema de WordPress en un sitio activo

Después de haber probado su nuevo tema, es el momento de iniciar el proceso de cambio de tema en su sitio de WordPress.

Para ello, visite la página Apariencia ” Temas desde la barra lateral del administrador de WordPress.

Una vez allí, basta con pasar el cursor del ratón sobre el tema que desea utilizar y, a continuación, haga clic en el botón “Activar” para cambiar el tema de WordPress.

Ahora, puede visitar la página de inicio de su sitio web para ver el nuevo tema en acción.

Cómo cambiar manualmente el tema de WordPress

A veces, un error puede hacer que su área de administrador de WordPress sea inaccesible. En ese caso, no podrá cambiar el tema utilizando el método anterior.

Para recuperar su sitio web, debe restaurarlo desde una copia de seguridad o diagnosticar el error de WordPress que causa el problema.

Sin embargo, si usted no tiene una copia de seguridad, entonces usted puede cambiar el tema manualmente con la ayuda de phpMyAdmin.

Este método le permite decirle a WordPress qué tema usar cambiando la información en la base de datos.

En primer lugar, debe conectarse a su sitio web mediante un cliente FTP y acceder a la carpeta /wp-content/themes/.

Aquí podrás ver todos los temas instalados actualmente en tu sitio web. También puedes instalar un tema de WordPress a través de FTP si no lo ves.

A continuación, anote el nombre de la carpeta del tema que desea utilizar, ya que lo necesitará más adelante.

Después de eso, diríjase al cPanel de su cuenta de alojamiento de WordPress. Para este tutorial, utilizaremos Bluehost. Sin embargo, su cPanel puede ser diferente dependiendo del servicio de alojamiento que utilice.

En esta página, desplácese hasta la sección phpMyAdmin y haga clic en el botón “Gestionar” situado a su lado.

Una vez en phpMyAdmin, verás un anuncio / catálogo / ficha en la parte izquierda de la pantalla. Desde aquí, haga clic en la base de datos que está utilizando para su sitio de WordPress.

Esto abrirá todas las tablas de la base de datos en la columna derecha de la pantalla. Ahora, siga adelante y haga clic en la tabla wp_options para abrirla.

Nota: Por defecto, WordPress utiliza wp_ como prefijo para los nombres de las tablas. Sin embargo, es posible tener un prefijo de base de datos diferente, como se muestra en la imagen.

Esto abrirá una lista de otros archivos que fueron almacenados en la tabla wp_options.

A partir de aquí, debe localizar las filas de plantilla y hoja de estilos en el panel derecho.

Una vez hecho esto, haga clic en el enlace “Editar” de la fila de plantillas para abrir el editor.

Aquí, debe cambiar el valor del campo option_value por el nombre del tema que desea utilizar.

Suele coincidir con el nombre de la carpeta /wp-content/themes/ que ha copiado anteriormente.

Una vez que haya terminado, haga clic en el botón “Ir” para guardar los cambios. A continuación, repita el mismo proceso para la fila de la hoja de estilos.

Después de hacer los cambios en ambas filas, puede ir a su sitio web para ver el nuevo tema en acción.

Qué hacer después de cambiar de tema

Una vez que hayas cambiado el tema de tu sitio web, debes ocuparte de ciertas cosas antes de desactivar el modo de mantenimiento.

Puede marcar / comprobar la siguiente lista de cosas que debe hacer después de cambiar su tema de WordPress.

1. Pruebe su sitio web

En primer lugar, debe asegurarse de que todas las funcionalidades, plugins y widgets funcionan correctamente en su sitio.

Deberías invertir algo de tiempo en probar tu sitio web y comprobar diferentes cosas, como las entradas, la sección de comentarios, las imágenes y el formulario de contacto.

Una vez que esté satisfecho con el aspecto y el funcionamiento de su sitio web, puede pasar al siguiente paso.

2. Compatibilidad entre navegadores

Los navegadores tienden a mostrar ciertas cosas de forma diferente.

Para asegurarse de que su sitio web se ve bien en todos los navegadores principales, debe probar su sitio en diferentes navegadores web, incluidos Google Chrome, Firefox, Safari e Internet Explorer.

3. Añadir código de seguimiento

Una vez que haya probado las características y la compatibilidad entre navegadores, deberá añadir el código de análisis y de seguimiento de AdSense a su sitio.

Puede utilizar el plugin MonsterInsights para añadir el código de seguimiento de Google Analytics. Esto le permitirá establecer correctamente los análisis y ver las estadísticas detalladas del sitio web dentro de su escritorio de WordPress.

Para obtener más información, consulte nuestra guía sobre cómo instalar Google Analytics en WordPress.

Para añadir el código de seguimiento de Google AdSense, puede leer nuestra guía sobre cómo añadir correctamente Google AdSense a su sitio de WordPress.

4. Desactivar el modo de mantenimiento

Ahora puede desactivar el modo de mantenimiento en su sitio para que se active.

Si está utilizando el plugin SeedProd, simplemente visite la pantalla SeedProd ” Páginas de destino desde su escritorio de WordPress y haga clic en el conmutador a ‘Inactivo’ para desactivar el modo de mantenimiento.

5. Tiempo de carga de la prueba

Tras cambiar de tema, le recomendamos que vuelva a utilizar la herramienta IsItWP Website SpeedTest Tool para comprobar el tiempo de carga de su página de inicio.

A continuación, compárelo con el tiempo de carga cuando su antiguo tema estaba instalado. Si ves alguna diferencia importante, entonces puedes seguir nuestra guía para mejorar la velocidad de WordPress.

6. Supervisar tasa de rebote

Después de cambiar de tema, debe supervisar la tasa / tarifa de rebote de su sitio.

Si su nuevo tema no es fácil de usar y resulta complicado navegar por él, puede aumentar la tasa de rebote y alejar a los visitantes de su sitio web.

Puede añadir entradas relacionadas, widgets de entradas populares y migas de pan para reducir la tasa de rebote y aumentar las visitas a la página.

7. Pedir respuesta / comentario / opinión

También puede pedir a sus usuarios que le den su respuesta / comentario / opinión sobre cómo mejorar el diseño de su sitio. Puede utilizar formularios de encuesta o sondeos en línea para recabar las opiniones de los usuarios.

Por ejemplo, puede utilizar los comentarios de los usuarios para añadir una indicación de encuesta de dos preguntas en su sitio web. Para obtener instrucciones detalladas, consulte nuestro tutorial sobre cómo crear una encuesta en WordPress.

Puede compartir el nuevo diseño con sus suscriptores a través de un servicio de correo electrónico y pedirles sugerencias. Esto le ayudará a obtener ideas sobre lo que les gustaría ver mejorado.

Bonificación: Actualizar un tema de WordPress sin perder la personalización

Una vez que haya cambiado de tema y lo haya personalizado a su gusto, querrá mantener ese tema actualizado regularmente a las versiones más recientes.

Sin embargo, cuando actualizas un tema, puedes perder algunos de los ajustes de personalización. Por ejemplo, perderás todo el código que hayas añadido al archivo functions.php, la hoja de estilos o las plantillas del tema.

Sin embargo, puede actualizar fácilmente un tema de WordPress sin perder toda su personalización creando un tema hijo.

Este tema heredará la funcionalidad, características y estilo del tema padre. A continuación, puede personalizar el tema hijo sin realizar ningún cambio en el original.

A continuación, debe identificar todos los cambios realizados en su tema y copiarlos en el tema hijo. La forma más sencilla de hacerlo es comparando los archivos de los temas antiguo y nuevo con programas como WinMerge o Kaleidoscope.

Una vez realizados los cambios, basta con exportar los ajustes del Personalizador del tema principal e importarlos al tema secundario.

Una vez hecho esto, puede obtener una vista previa de los cambios en el Personalizador y hacer clic en el botón “Guardar y publicar” para aplicarlos.

Para obtener instrucciones más detalladas, consulte nuestro tutorial sobre cómo actualizar un tema de WordPress sin perder la personalización.

Otra forma de actualizar tu tema sin perder nada de personalización es añadir siempre tu código personalizado con WPCode. Es el mejor plugin de fragmentos de código de WordPress del mercado que hace que sea súper fácil y seguro añadir código personalizado a tu sitio web.

Al utilizar este plugin, no tendrá que preocuparse de perder el código personalizado de su archivo functions.php, hojas de estilos o plantillas cuando actualice su tema.

Esto se debe a que el código se guardará en WPCode y se ejecutará automáticamente en tu sitio. Para más detalles, vea nuestra completa reseña / valoración de WPCode.

Esperamos que esta guía paso a paso te haya ayudado a cambiar correctamente tu tema de WordPress. Puede que también quieras ver nuestra guía para principiantes sobre cómo usar el Personalizador de temas de WordPress y nuestra selección de los mejores plugins de WordPress para sitios web de negocios.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.