X

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

how to preview a wordpress theme

Hay tantos hermosos temas de WordPress por ahí. Con hermosas demos donde puedes ver esos temas en acción. Sin embargo, cuando se instala ese tema en su sitio no se parece en nada a la demo.

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

En este artículo, vamos a mostrarte 3 formas de previsualizar tu tema de WordPress antes de que salga al mercado.

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

  1. Sitio de ensayo de WordPress
  2. Vista previa en vivo del tema de WordPress
  3. Constructor de temas de WordPress

Explicaremos cada uno de ellos en detalle.

Previsualizar un tema de WordPress mediante un sitio web de prueba

Si va a cambiar de tema en un sitio web activo, debe previsualizar el nuevo tema para asegurarse de que su aspecto es correcto.

Puede configurar un sitio web de demostración o 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 su sitio es mediante el uso de una solución de puesta en escena.

Puede utilizar un plugin de puesta en escena para crear un sitio de desarrollo. Estas herramientas toman copias de seguridad de su sitio y crear una réplica exacta que se puede trabajar.

Vea nuestra lista de Los mejores plugins de puesta en escena de WordPress.

Puedes probar diferentes temas, añadir nuevas características y hacer todo tipo de personalizaciones y cambios en el diseño web. Luego, cuando haya terminado, puede empujar sus cambios a su sitio en vivo. Esto significa que no tendrá que hacer ningún trabajo doble.

push to live in softaculous

También puede crear un sitio de ensayo con su proveedor de alojamiento web (como Bluehost o GoDaddy) si tienen esta opción. Por lo general, encontrará funciones de puesta en escena dentro del instalador de aplicaciones Softaculous en cPanel.

create staging with softaculous

Los proveedores de alojamiento gestionado de WordPress como WP Engine te darán una opción fácil para configurar un sitio de ensayo con un solo clic. También podrás fusionar tus cambios con tu sitio de producción fácilmente.

Obtenga más información sobre la creación de un entorno de ensayo aquí: Cómo configurar un sitio de ensayo de WordPress (Guía para principiantes).

Previsualizar un tema con WordPress Live Preview

Otra opción es previsualizar su nuevo tema directamente a través del área de administración de WordPress. Una vez que haya instalado un tema, verá un botón de Vista previa en vivo debajo de la miniatura del tema.

theme preview in wordpress

Al hacer clic en el botón Vista previa en vivo se abrirá el tema en el personalizador de temas de WordPress.

preview theme in wordpress

Una vez activado el tema, puedes empezar a personalizarlo utilizando el editor Gutenberg de WordPress.org.

Previsualizar un tema utilizando un constructor de temas de WordPress

La forma más fácil y eficiente de previsualizar su tema es utilizando el constructor de temas de SeedProd. Esto le da acceso a temas ya hechos y un constructor visual de arrastrar y soltar que es increíblemente fácil de usar.

El constructor de temas de SeedProd viene con docenas de hermosos temas de sitios web prefabricados. Cuando instale el plugin, en su panel de WordPress, sólo tiene que acceder al constructor de temas para ver los temas disponibles.

Dentro de la biblioteca de temas, puede obtener una vista previa de los temas utilizando el icono de la lupa que abre un enlace de vista previa.

seedprod theme builder preview

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

seedprod theme builder preview sample site

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

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

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

seedprod app landing page responsive view

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

enable theme pages in seedprod

Ahora el tema SeedProd reemplazará su tema actual. SeedProd incluso le permite activar / desactivar páginas de destino específicas y entradas de blog en su sitio web. Así que usted consigue un control completo sobre su tema y sus elementos.

SeedProd también se integra sin problemas con potentes plugins de WordPress como MonsterInsights y All in One SEO para ayudarle a optimizar el rendimiento de su sitio.

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

Además de esto, SeedProd viene con un montón de características y funcionalidades que incluyen:

  • 9 temas prediseñados y más de 150 diseños de páginas. Encontrarás diferentes plantillas para tu tema incluyendo página de inicio, cabecera, pie de página, post único, barra lateral y más.
  • Editor visual fácil de usar que te permite editar cada aspecto de tu tema y añadir más elementos a tu gusto.
  • Toneladas de módulos de página de alta conversión y widgets como regalos, temporizadores de cuenta atrás, iconos de redes sociales, formularios de contacto, formularios optin y testimonios.
  • Bloques de WooCommerce como cuadrícula de productos, añadir al carrito, pago y más. Puede utilizarlos para vender sus productos directamente desde su sitio web.
  • Estilo avanzado y opciones de personalización que puede utilizar para configurar su tema para que se vea y funcione de la manera que desee.
  • Perfecta integración con servicios de marketing por correo electrónico de terceros como Constant Contact, ActiveCampaign, AWeber, etc.

¡Empieza a usar SeedProd ahora!

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 entradas le ayudarán a empezar a construir su sitio web de la manera correcta.

Comentarios   Deja una respuesta

Añadir un comentario

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

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!