Este artículo cubre las áreas del editor.
El editor se puede dividir en varias áreas.
En el editor hay varias secciones predefinidas: la barra de navegación superior, el panel lateral, el área de contenido central (a menudo denominada lienzo del editor)y el panel de diseño en el lateral. Estas secciones son la base para construir sitios web de acuerdo con la visión del usuario.
La barra de navegación superior contiene accesos directos útiles para diferentes acciones del sitio.
La barra de navegación superior le permite:
-
Navegación de la página: Haga clic en el menú de páginas para acceder a un menú desplegable que muestra todas las páginas disponibles en su sitio. Puede navegar entre páginas seleccionándolas en este menú.
-
Cambie entre diferentes vistas de tamaño de pantalla (también llamadas puntos de interrupción) haciendo clic en los iconos del dispositivo. Esto le permite obtener una vista previa de cómo se ve su página actual en varios tamaños de pantalla, desde desktop hasta tabletas y dispositivos móviles. Para obtener más información, consulte Tamaños de pantalla y dispositivos.
-
Pestaña Comentarios: Haga clic en el icono de comentario y brillo para proporcionar comentarios sobre el editor. Comparta sugerencias, haga preguntas, informe de errores o proporcione otros comentarios.
-
Funcionalidad de búsqueda: Haz clic en el icono de la lupa para buscar lo que necesites en el editor o accede al centro de ayuda para obtener ayuda.
-
Información y tool: Haga clic en el icono de información para acceder a la siguiente información:
-
Información del sitio. Muestra el nombre del sitio, el estado de publicación, la versión del editor y un enlace al panel del sitio.
-
Enlace de vista previa. Muestra el vínculo de vista previa del sitio. Para copiar el enlace, seleccione el tipo de dispositivo y haga clic en Copiar.
-
Estadísticas. Muestra las estadísticas básicas del sitio. Para ver más información, haga clic en Abrir estadísticas. Esta información solo está disponible para los sitios publicados. Para obtener más información, consulte Estadísticas y análisis del sitio.
-
Idioma del editor. Cambia el idioma del editor. Esto no afecta el idioma del sitio. Para cambiar el idioma del editor, seleccione un idioma en el menú desplegable.
-
-
Indicador de progreso de guardado: El icono de marca de verificación sirve como indicador del progreso actual del sitio y de si los cambios se han guardado correctamente.
-
Deshacer o rehacer: Puede utilizar las funcionalidades de deshacer y rehacer representadas por las flechas circulares hacia atrás y hacia adelante para revertir o volver a aplicar acciones recientes realizadas en el editor.
-
Vista previa de cambios: Haga clic en el icono del ojo para obtener una vista previa de su sitio, incluidos los cambios no publicados, en todos los tamaños de pantalla de dispositivos o en tamaños individuales.
-
Publicar o volver a publicar: Utilice el botón Publicar o Volver a publicar para publicar su sitio con los cambios más recientes.
-
Botón de inicio: Haz clic en el icono de inicio para volver al panel de control de tu sitio.
El panel lateral sirve como un conjunto de herramientas completo para administrar varios aspectos del diseño y la funcionalidad de su sitio. Puedes realizar cambios amplios y radicales en el diseño y la funcionalidad de tu sitio. Estas pestañas le permiten personalizar la apariencia de su sitio, agregar nuevas funciones y widget, configurar los ajustes de la página, administrar contenido, vender productos en línea, publicar publicaciones de blog, instalar aplicaciones y optimizar su sitio para los motores de búsqueda.
El panel Capas proporciona una vista jerárquica de los elementos de la página del sitio, lo que le permite navegar y administrar fácilmente estructuras complejas. Aquí, puede identificar rápidamente la disposición de widget, columnas y secciones, lo que simplifica el proceso de ubicación y ajuste de elementos específicos. Desde el panel Capas, puede realizar varias acciones, como agregar nuevos elementos, seleccionar elementos, reorganizar elementos, cambiar el nombre de los elementos y alternar la visibilidad de los elementos en puntos de interrupción específicos.
A continuación se muestran las opciones disponibles en el panel lateral:
-
Capas
-
Tema
-
Páginas
-
Widgets
-
Contenido
-
Personalizar
-
Vender en línea
-
Membresía
-
Blog
-
SEO y configuración
El Área de Contenido / Lienzo es donde puede mover o agregar cualquiera de nuestras funciones, o hacer clic y editar para cambiarlas. El área de contenido le permite cambiar imágenes, texto, botones de edición y eliminación, y más.
Nota
Para obtener información sobre cómo agregar y configurar elementos en el lienzo, consulte Diseño con Flex.
El panel de diseño ofrece una gama de configuraciones de diseño para los elementos seleccionados, lo que permite una personalización precisa. Ya sea que esté ajustando el diseño, la alineación del contenido, el espaciado entre elementos, la animación y el fondo, el panel de diseño proporciona un conjunto completo de tool para mejorar el atractivo visual de su sitio web. Las opciones de diseño incluyen ajustes de diseño, configuraciones de tamaño, ajustes de alineación y más, adaptados al elemento seleccionado.
Cuando ajusta configuraciones como relleno y margen después de seleccionar un elemento, el relleno se refiere al espacio interior que está entre el contenido y el borde de un recuadro, y el margen define el espacio exterior que rodea el recuadro. Eso significa que los ajustes de relleno pueden afectar el tamaño del elemento y determinar qué cantidad de color de fondo o imagen es visible dentro del recuadro. En cambio, el ajuste de los márgenes determina cómo el elemento interactúa con los elementos adyacentes o los bordes de la pantalla y define su posición en relación con los otros elementos de la página, como si fueran barreras invisibles.
Para obtener más información sobre el Panel de diseño y sus secciones, consulte Panel de diseño.
Comentarios
0 comentarios
El artículo está cerrado para comentarios.