Elementos¶
Los elementos ayudan a estructurar y presentar el contenido de forma eficaz. Estos pueden ser componentes basados en texto, como títulos, listas y resaltados de texto o elementos interactivos, como botones y enlaces. También puede agregar elementos visuales como imágenes, iconos, videos y animaciones para mejorar la presentación y organización del contenido.
Para agregar o modificar un elemento del sitio web:
Vaya ala página correspondiente del sitio web y haga clic en Editar.
Haga clic en la sección de la página donde desea agregar o modificar un elemento.
Haga los cambios necesarios.
Haga clic en Guardar.
Nota
Los estilos predeterminados de los encabezados, botones, enlaces y párrafos se definen en la pestaña Tema del editor del sitio web.
Títulos¶
Los títulos definen los encabezados y organizan el contenido del sitio web en diferentes niveles para que haya mayor claridad y estructura. Escriba título para insertar uno, elija el estilo correspondiente (Título 1, Título 2 o Título 3) y escriba el texto.
Truco
También puede escribir el texto, seleccionarlo y elegir el estilo adecuado en la sección Texto en línea en la pestaña Personalizar del editor del sitio web. Esta sección también cuenta con otras opciones de formato, como fuentes y colores.
Imagenes¶
Para insertar una imagen:
Escriba
/imagen.Busque una imagen en la base de datos de Unsplash o haga clic en Subir una imagen para elegir una de sus archivos locales.
Haga clic en Agregar.
Para personalizar la imagen, haga clic en ella y edite las opciones en la sección Imagen del editor del sitio web. Por ejemplo:
Reemplace la imagen.
Defina una etiqueta alternativa en el campo Descripción.
Escriba una etiqueta de título en el campo Información sobre herramientas. Este texto aparecerá cuando los visitantes pasen el cursor sobre la imagen.
Agregue una forma. Puede cambiar el color de algunas de ellas.
Ajuste el ancho de la imagen. Esto podría ayudarle a mejorar el rendimiento y puede aparecer una sugerencia para que reduzca su tamaño si este es suficiente para la visualización.
Use la herramienta Transformar para cambiar el tamaño de la imagen.
Ajuste el padding para agregar espacio (en píxeles) alrededor de la imagen.
Entre otras cosas.
Videos¶
Escriba /Video para agregar uno, inserte la URL y habilite las opciones correspondientes:
Reproducción automática: Esta opción reproduce el video en automático cuando alguien entra a la página. Está silenciado de forma predeterminada.
Bucle: Para reproducir el vídeo en bucle.
Ocultar controles de reproductor
Ocultar botón de pantalla completa
Iconos¶
Para insertar un icono, escriba /imagen, vaya a la pestaña Iconos y haga clic en Agregar. Para modificar un icono, haga clic en él y use la sección Icono del editor del sitio web para personalizar opciones como el color, el tamaño, las animaciones, la forma, entre otras cosas.
Enlaces¶
Links are used to connect different pages and resources, guiding visitors and improving navigation.
To add a link, type /link, then, in the pop-up that opens, enter the link’s Label and
add the URL or Email. Type / to search for a page and # to link to an anchor.
Truco
El campo Estilo está configurado con la opción Enlace de forma predeterminada. Elija un estilo diferente para transformar el enlace en un botón.
Listas¶
Las listas ayudan a organizar el contenido de forma clara, hace que la información sea más fácil de leer y mejora las estructuras de las páginas web. Escriba /lista y elija una de las tres opciones disponibles: lista con viñetas, lista numerada o lista de verificación.
Resaltar texto¶
Puede resaltar títulos y texto desde la sección Texto en línea del editor del sitio web. Para resaltar estos elementos:
Seleccione el texto o título que desea resaltar.
Haga clic en Resaltar en el editor del sitio web.
Seleccione el estilo que usará para resaltar.
Modifique el color.
Elija el grosor.
Animaciones¶
Las animaciones sirven para agregar movimiento a los bloques de creación y a los elementos del sitio web como imágenes y texto. Hay tres tipos de animaciones disponibles: Al desplazarse, Al aparecer y Al pasar el cursor por encima (solo para imágenes).
Para agregar una animación a un elemento del sitio web:
Haga clic en el elemento.
En el editor del sitio web, vaya a la sección correspondiente para el elemento (como botón, columna, texto en línea, etc.).
Seleccione el tipo de animación deseado en el campo Animación .
Personalice los ajustes de la animación si es necesario. Las opciones disponibles varían de acuerdo al tipo de animación que haya seleccionado.
Animaciones al desplazarse¶
Con las animaciones al desplazarse tiene las siguientes opciones:
Seleccione Entrada para agregar la animación cuando el elemento entra en la pantalla y Salida para agregarla cuando sale de ella.
Seleccione un efecto.
Elija la dirección del efecto.
Adapte la intensidad del efecto.
Defina la zona de desplazamiento. El primer valor representa el porcentaje visible de la pantalla cuando comienza el efecto y el segundo valor representa su porcentaje al finalizar.
Animaciones al aparecer¶
Con las animaciones al aparecer tiene las siguientes opciones:
Puede elegir entre diferentes efectos.
Elija la dirección del efecto.
Seleccione una opción en Activar para definir cuándo ocurre la animación, elija entre Solo la primera vez o Siempre.
Adapte la intensidad del efecto.
Si desea activar la animación después de un número de segundos, defínalo en el campo Iniciar después de.
Elija la duración de la animación.
Animaciones al pasar el cursor por encima (solo para imágenes)¶
Puede agregar animaciones al pasar el cursor a las imágenes y elegir el efecto de la animación, así como el color y el ancho del trazo.
Ver también