X

Cómo previsualizar tu tema de WordPress antes de que se publique

cómo previsualizar un tema de wordpress

Hay tantos temas de WordPress hermosos disponibles. Con demos bonitas donde puedes ver esos temas en acción. Sin embargo, cuando instalas ese tema en tu sitio, no se parece en nada a la demo.

¿No sería mejor si pudieras ver una vista previa de cómo se vería en tu sitio?

En este artículo, te mostraremos 3 formas de previsualizar tu tema de WordPress antes de que se publique.

Aquí están los 3 métodos que cubriremos hoy:

  1. Sitio de Staging de WordPress
  2. Vista Previa en Vivo del Tema de WordPress
  3. Constructor de Temas de WordPress

Explicaremos cada uno de estos en detalle.

Previsualiza un Tema de WordPress usando un Sitio de Staging

Si estás cambiando temas en un sitio web en vivo, necesitas previsualizar tu nuevo tema para asegurarte de que se vea correcto.

Puedes configurar un sitio web de demostración o un subdominio que tenga el mismo contenido, tema y plugins instalados. Muchos propietarios de sitios web hacen esto para evitar cualquier tiempo de inactividad durante el cambio.

La mejor manera de crear una copia de tu sitio es usando una solución de staging.

Puedes usar un plugin de staging para crear un sitio de desarrollo. Estas herramientas toman copias de seguridad de tu sitio y crean una réplica exacta con la que puedes trabajar.

Consulta nuestra lista de Los Mejores Plugins de WordPress para Staging.

Puedes probar diferentes temas, agregar nuevas funciones y realizar todo tipo de personalizaciones y cambios de diseño web. Luego, cuando termines, puedes enviar tus cambios a tu sitio en vivo. Esto significa que no tendrás que hacer un trabajo doble.

enviar a producción en Softaculous

También puedes crear un sitio de staging con tu proveedor de hosting (como Bluehost o GoDaddy) si tienen esta opción. Por lo general, encontrarás funciones de staging dentro del instalador de aplicaciones Softaculous en cPanel.

crear staging con Softaculous

Proveedores de hosting administrado de WordPress como WP Engine te darán una opción fácil para configurar un sitio de staging con un solo clic. También podrás fusionar tus cambios con tu sitio de producción fácilmente.

Obtén más información sobre cómo crear un entorno de staging aquí: Cómo Configurar un Sitio de Staging de WordPress (Guía para Principiantes).

Previsualiza un tema usando la previsualización en vivo de WordPress

Otra opción es previsualizar tu nuevo tema directamente a través de tu área de administración de WordPress. Una vez que hayas instalado un tema, verías un botón de Vista Previa en Vivo debajo de la miniatura del tema.

vista previa de tema en wordpress

Hacer clic en el botón Previsualización en vivo abrirá el tema en el personalizador de temas de WordPress.

previsualizar tema en wordpress

Una vez que actives el tema, puedes empezar a personalizarlo usando el editor de Gutenberg de WordPress.org.

Previsualiza un tema usando un creador de temas de WordPress

La forma más fácil y eficiente de previsualizar tu tema es usando el creador de temas SeedProd. Esto te da acceso a temas listos para usar y a un constructor visual de arrastrar y soltar que es increíblemente fácil de usar.

El creador de temas de SeedProd viene con docenas de hermosos temas de sitios web prefabricados. Cuando instales el plugin, en tu panel de WordPress, simplemente necesitas acceder al creador de temas para ver los temas disponibles.

Dentro de la biblioteca de temas, puedes previsualizar temas usando el ícono de la lupa que abre un enlace de previsualización.

vista previa del constructor de temas de seedprod

Esto abrirá un sitio web de demostración en vivo con secciones y contenido de ejemplo para que puedas ver cómo se vería el tema cuando lo actives.

sitio de ejemplo de vista previa del constructor de temas de seedprod

Para seleccionar el tema, regresa a la biblioteca de temas y haz clic en la marca roja y SeedProd importará el tema y todas sus páginas a tu sitio.

Consejo profesional: Si quieres ocultar tu sitio web mientras está en construcción, SeedProd te permite habilitar una página de "próximamente" personalizada o modo de mantenimiento para los visitantes.

Ahora personalizar el tema es tan simple como apuntar y hacer clic. El constructor visual hace que sea súper fácil agregar, eliminar y editar contenido y secciones. También te permite previsualizar tu sitio web en escritorio, móvil y tableta mientras lo diseñas.

vista de respuesta de página de destino de aplicación de seedprod

Nunca necesitarás usar código para crear un diseño web de aspecto profesional. Puedes crear tu sitio de WordPress y previsualizarlo sin que tus visitantes lo vean hasta que esté listo. Cuando quieras lanzar el tema en tu sitio web activo, puedes habilitarlo con un simple interruptor.

habilitar páginas de temas en seedprod

Ahora el tema SeedProd reemplazará tu tema actual. SeedProd incluso te permite activar/desactivar páginas de destino específicas y publicaciones de blog en tu sitio web. Así obtienes control total sobre tu tema y sus elementos.

SeedProd también se integra perfectamente con potentes plugins de WordPress como MonsterInsights y All in One SEO para ayudarte a optimizar el rendimiento de tu sitio.

MonsterInsights te permite ver los datos de Google Analytics directamente en tu panel de WordPress. Y All in One SEO te ayuda a optimizar tu sitio para clasificar en las páginas de resultados de los motores de búsqueda.

Además de esto, SeedProd viene con toneladas de características y funcionalidades que incluyen:

  • 9 temas prediseñados y más de 150 diseños de página. Encontrarás diferentes plantillas para tu tema, incluyendo página de inicio, encabezado, pie de página, publicación individual, barra lateral y más.
  • Editor visual fácil de usar que te permite editar cada aspecto de tu tema y agregar más elementos como desees.
  • Toneladas de módulos y widgets de página de alta conversión como sorteos, temporizadores de cuenta regresiva, íconos de redes sociales, formularios de contacto, formularios de suscripción y testimonios.
  • Bloques de WooCommerce como cuadrícula de productos, agregar al carrito, pago y más. Puedes usar estos para vender tus productos directamente desde tu sitio web.
  • Opciones avanzadas de estilo y personalización que puedes usar para configurar tu tema para que se vea y funcione exactamente como lo deseas.
  • Integración perfecta con servicios de marketing por correo electrónico de terceros como Constant Contact, ActiveCampaign, AWeber y más.

¡Empieza ahora con SeedProd!

Así es como puedes previsualizar tu tema en WordPress. Esperamos que este artículo te haya ayudado a aprender cómo previsualizar un tema de WordPress sin activarlo en tu sitio.

A continuación, querrás leer más de nuestros recursos y tutoriales:

Estas publicaciones te ayudarán a empezar a construir tu sitio web de la manera correcta.

Comentarios   Deja una respuesta

Agrega un comentario

Nos complace que hayas elegido dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!