Edición avanzada

Estas son algunas funciones de Sitely que ayudan en la edición o contribuyen a que un sitio web se sienta más coherente y uniforme.

Agrupación

Puedes agrupar varios elementos para moverlos y redimensionarlos como una sola unidad. Para ello, selecciona todos los elementos que quieras agrupar y luego haz clic derecho o control‑clic y selecciona "Group" en el menú contextual. También puedes agrupar elementos seleccionándolos y usando la opción de agrupar en el menú Arrange de Sitely. Bloquear un elemento (incluidas las agrupaciones) evita moverlo, modificarlo o eliminarlo por accidente, ya sea desde el menú Arrange o desde el inspector Arrange.

‍Opción del menú contextual

‍Opción del menú Arrange

Incrustación

La función "Embed" te permite insertar fragmentos de código HTML en un sitio de Sitely. Normalmente se usa "Embed" para insertar contenido de terceros para el que se proporciona un "embed code" (a veces indicado por el símbolo de código HTML "<>"), como un reproductor de SoundCloud o un chatbot.

La casilla "Content expands vertically" es necesaria cuando el código produce contenido de altura variable, como el carrito de compras de ecwid.com.

Para garantizar la privacidad de los visitantes y cumplir con las normativas, de forma predeterminada el código solo se activa tras el consentimiento del usuario (si el sitio usa las funciones de privacidad de Sitely), y el ajuste "When loading the content" evita que la dirección de la página se comparta con cualquier servicio de terceros cargado. Es posible que estos ajustes deban cambiarse para compatibilidad con distintos servicios caso por caso; por ejemplo, el servicio de chat de tawk.to necesita la dirección de la página.

Los elementos Embed admiten establecerse a ancho completo (en el inspector Arrange) para los fragmentos de código que lo soporten.

Un uso simplificado del elemento Embed es introducir solo una URL en la sección de código; esto creará automáticamente un iframe, incrustando efectivamente el sitio dentro del elemento Embed. También puede usarse para mostrar archivos PDF.

IMPORTANTE: Al añadir solo una URL en un elemento Embed, el iframe resultante tomará el ancho del elemento Embed en el lienzo. Sin embargo, su altura será de tamaño indeterminado. Por lo tanto, puede ser preferible añadir un fragmento de código de iframe que establezca el tamaño del iframe. Aquí tienes un ejemplo:

‍Está claro que el equipo de Sitely quiere evitar que tengas que programar, pero a la hora de incrustar contenido puede que toque ensuciarse un poco las manos y escribir algo de código. El elemento Embed de Sitely está pensado sobre todo como una solución temporal mientras desarrollamos más elementos nativos de Sitely. Por ejemplo, las mejoras del elemento Galería de imágenes de Sitely y de la cuadrícula de imágenes/vídeo ofrecen un método mucho más sencillo para añadir archivos PDF a tus páginas.

‍Bloques de diseño

‍Los bloques de diseño son otra forma de agrupación que permite dividir tus páginas en bloques. Por ejemplo, puedes tener un bloque que contenga la navegación, otro con tu sección de héroe y otros bloques para funciones, productos, miembros del equipo, etc. La idea es que cada bloque de la página exprese una única idea o tema. Esto te permite aplicar estilos a los bloques con facilidad para que se distingan visualmente. Además, tienen una ventaja importante a la hora de reorganizar tus páginas. Si los elementos están contenidos dentro de un bloque, el bloque puede moverse hacia arriba o abajo de la página, desplazando automáticamente los demás bloques por encima o por debajo del que estás moviendo. Asimismo, todos los elementos contenidos dentro de un bloque de diseño (incluidas las agrupaciones) se moverán con él en la misma posición exacta. En esta guía tenemos toda una sección dedicada a los bloques de diseño; échale un vistazo. Por ahora, para crear bloques de diseño puedes añadirlos a tu página como cualquier otro elemento, o bien seleccionar todos los elementos de la página que quieras convertir en un bloque de diseño y hacer clic derecho o control‑clic para abrir el menú contextual. Luego elige la opción "Move to Layout Block".

‍

‍Aunque los elementos de un bloque de diseño se mueven sin verse afectados cuando el bloque se reordena en la página, puedes seguir editando y moviendo elementos individuales dentro de un bloque de diseño. Esto es especialmente útil al reorganizar el contenido para su visualización en dispositivos móviles.

Atajos de teclado para elementos

En Sitely puedes añadir rápidamente los elementos más comunes al lienzo simplemente pulsando la tecla asociada a cada elemento. Estas teclas de acceso directo son fáciles de recordar porque casi todas se basan en la primera letra del elemento que quieras añadir. Las letras pueden ser mayúsculas o minúsculas. Asegúrate de que no haya nada seleccionado en el lienzo y presiona la tecla correspondiente.

Elemento

Caja de texto

Mapa

Vídeo

Imagen

Audio

Caja

Caja ancha

Bloque de diseño

Cuadrícula de imágenes/vídeo

Menú

Letra del teclado

T o t

P o p

V o v

I o i

A o a

B o b

W o w

L o l

G o g