Vista previa de páginas

Revisa cómo aparece el contenido de tu sitio en varios dispositivos y ventanas del navegador.

Última actualización: 25 de marzo de 2024

A medida que editas una página, los cambios se muestran en la parte derecha de la pantalla. Esto te permite revisar las actualizaciones sin iniciar ni cerrar sesión constantemente, ni cambiar entre edición y vista previa.

Dependiendo de tus necesidades, esto podría no ser suficiente. Por ejemplo, si la pantalla o la ventana del navegador es pequeña, la vista previa mostrará cómo aparece el sitio en dispositivos móviles y no en equipos. También puedes comprobar cómo aparece tu sitio en los dispositivos móviles con la aplicación de Squarespace.

Esta guía muestra todas las formas en que puedes obtener una vista previa de tu sitio a medida que lo editas.

Mira el video

Vista previa completa de las páginas

La forma en que previsualizas las páginas depende de si estás editando tu sitio en un equipo o en la aplicación de Squarespace.

Para expandir la vista previa y ocultar los paneles de edición, coloca el cursor sobre la esquina superior derecha (esquina superior izquierda en la versión 7.0) y haz clic en la flecha.

Beneficios:

  • Muestra una vista previa de pantalla completa
  • Oculta las anotaciones de edición
  • Muestra slugs de página en la barra de direcciones de tu navegador

Consejo

Si tu sitio web está en la versión 7.0, la flecha no aparecerá mientras estés en el panel Estilos del sitio. Sal de Estilos de sitio para ingresar a la vista previa completa o alejarla temporalmente.

Expansion_arrow.png

Para volver a editar el sitio, haz clic de nuevo en la flecha.

Para obtener una vista previa de una página:

  • En un teléfono, la barra de vista previa aparece en la parte inferior de la pantalla. Pulsa la barra para expandir o contraer una vista previa.
  • En un iPad, pulsa el ícono de pantalla completa para ocultar el menú y expandir la vista previa de la página.

Para obtener una vista previa o editar la versión para computadoras de escritorio de una página, pulsa Editar y, luego, el ícono de computadora. Toca el contenido que quieres editar en la vista de computadora de escritorio. Pulsa el ícono de computadora nuevamente para regresar a la vista en dispositivos móviles.

Vista previa completa de las entradas de blog

Puedes previsualizar entradas de blog similares a páginas, ya sea antes o después de publicarlas. Para obtener una vista previa de una entrada de blog:

  1. Después de crear una entrada de blog, haz clic en Guardar y publicar para hacerla pública o en Guardar para guardarla como borrador.
  2. En el panel lateral, haz clic en el título de la entrada.
  3. Se mostrará una vista previa de la publicación a la derecha. Haz clic en la flecha de expansión de la esquina para abrir la vista previa completa.
  4. Haz clic de nuevo en la flecha para volver a abrir el panel lateral.

Vista en dispositivo

Obtén una vista previa del sitio en distintos dispositivos con Vista en dispositivo.

Modo incógnito

Para ver tu sitio exactamente como lo ven tus visitantes, ingresa en en modo incógnito. Esto puede ayudar si tu sitio tiene un código insertado, que puede que no se muestre al iniciar sesión.

Alejar (avanzado)

La mayoría de los navegadores te dan la opción de acercar o alejar una página. Hacer zoom es una forma rápida de verificar cómo se ve tu sitio en navegadores más amplios.

En la mayoría de los navegadores, puedes pulsar Ctrl ( en una Mac) con las teclas + y - para acercar o alejar una página. Si esto no funciona, realiza una búsqueda web de zoom, y el nombre y la versión de tu navegador.

Nota

La edición en Squarespace solo se admite con un zoom de 100 %. Para evitar problemas de visualización y edición, restablece siempre el navegador a 100 %/Tamaño real.

Previsualizar los cambios antes de publicarlos

Por lo general, al presionar Guardar en cualquier cambio, se actualiza tu sitio activo de inmediato. He aquí algunas formas de crear contenido sin que los visitantes lo encuentren de inmediato:

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.