El inspector de Organizar

‍El panel Organizar, el menú Organizar y la barra de formato son tus herramientas para gestionar la superposición de elementos..

‍Los elementos se muestran en el orden en que se agregaron al proyecto. Este orden no importa si los elementos no se superponen. Sin embargo, cuando hay superposición, necesitas controlar su colocación.

‍El botón Enviar al fondo mueve el elemento detrás de todos los demás, mientras que Traer al frente lo pone al frente. Enviar hacia atrás desplaza el elemento un nivel hacia atrás en el apilamiento (intercambiando su posición con el elemento siguiente), mientras que Traer hacia delante lo mueve un nivel hacia delante (intercambiando su posición con el elemento anterior).

‍El nombre de la capa se muestra en el panel de capas, lo que te ayuda a seleccionar elementos y entender el diseño de la página. Se recomienda encarecidamente dar a las capas de tus elementos un nombre significativo para ayudarte a identificarlas en el panel de capas.

‍La opción Ancho de página completo puede usarse para cajas, galerías, mapas, vídeos y elementos incrustados, extendiéndolos más allá de los márgenes de la página para lograr un efecto de sangrado completo.

‍La opción Bloquear impide que un elemento se mueva en el lienzo y lo excluye de selecciones múltiples en muchas circunstancias.

‍La opción Mostrar en este dispositivo alterna la visibilidad del elemento en el dispositivo actual, útil para configuraciones multidispositivo.

‍Puedes cambiar el tamaño de los elementos especificando el ancho y alto deseados en el panel del Inspector de Organizar o usando los tiradores en bordes y lados. Mantener presionada la tecla Mayús mientras arrastras preserva la relación de aspecto del elemento.

‍Los elementos pueden moverse especificando la posición horizontal y vertical deseada en el panel del Inspector de Organizar o arrastrándolos directamente. Mantener presionada la tecla Mayús mientras arrastras restringe el movimiento a los ejes horizontal, vertical o diagonal.

‍La mayoría de los elementos se pueden rotar mediante un ajuste de rotación en el panel del Inspector de Organizar.

‍Ajuste de texto

‍Después de agregar una imagen en el lienzo, puedes configurar opciones de ajuste de texto para controlar cómo fluye el texto alrededor de la imagen. Esta función no se limita a las imágenes; funciona con cualquier elemento del lienzo. De forma predeterminada, el ajuste de texto está desactivado, por lo que el texto se superpondrá al elemento o quedará debajo.

‍La opción "Arriba y abajo" mantiene el texto por encima y por debajo del elemento. Si desmarcas esta opción, el texto podrá fluir alrededor del elemento.

‍La opción "Rectángulo" hace que el texto se ajuste al marco que contiene el elemento en el lienzo.

‍La opción "Contorno": si tienes una imagen con fondo transparente, al activar esta opción el texto se ajustará alrededor de la imagen. La transparencia de una imagen suele tener varios niveles, representados como un rango de 0 a 1 en Sitely. Puedes controlar cuánto se superpone el texto sobre un gradiente de transparencia con el control deslizante Alfa.

‍El ajuste de texto también tiene en cuenta la rotación del elemento y el redondeo de las esquinas de imágenes o cajas, lo que permite diseños de texto creativos incluso sin imágenes transparentes.

‍Para un diseño visualmente agradable, el texto debe alinearse ajustado alrededor del elemento. Por ejemplo, el texto alineado a la izquierda funciona mejor con una imagen a la izquierda, y el texto alineado a la derecha funciona mejor con una imagen a la derecha.

‍Visibilidad

‍La configuración de visibilidad de Sitely garantiza una presentación coherente de elementos comunes de la página en todo el sitio para mantener la consistencia visual. Puedes mostrar el encabezado de página, el elemento de navegación o el pie de página de forma consistente en todas las páginas del sitio o solo en un grupo de páginas.

‍Cuando un elemento es visible en varias páginas, sigue siendo totalmente editable en todas ellas. Agrupar elementos y hacer que el grupo sea visible en varias páginas es un truco útil.

‍La visibilidad en varias páginas se aplica a todas las propiedades, incluida la posición. La opción Seguir al pie de página es especialmente útil, ya que ancla un elemento a la parte inferior de la página para un pie común en páginas de diferentes alturas.

‍La opción Mover con la parte inferior de la página hace que los elementos se desplacen junto con el tirador de la parte inferior de la página, ajustando su posición en páginas de diferentes alturas.

‍Integración avanzada de código

‍Si has activado la opción correspondiente en la Configuración de sitio miscelánea, encontrarás una sección adicional en la parte inferior del Inspector de Organizar. Esto te permite introducir un atributo id de HTML para el elemento, útil para dirigirlo mediante Google Tag Manager o para integrar código mediante JavaScript.