Seis nuevos bloques en la biblioteca
Presentación de seis nuevos bloques en las categorías "Menú", "Mosaico y enlace" y "Pie de página" de la biblioteca de bloques Tilda:
ME303A. Menú universal con elementos de menú bajo el logotipo de la izquierda
ME601A. Menú: segundo nivel con iconos y descripciones
ME606. Menú con pestañas
ME503. Menú móvil fijo en la parte inferior
TE605. Tarjetas con imagen de fondo y texto en columnas
FT305. Panel con logotipo, texto, enlaces en 3 o 4 columnas e iconos de redes sociales
Veamos qué ofrecen estos bloques y qué aspecto tienen.
ME303A. Menú universal con elementos de menú bajo el logotipo de la izquierda
ME601A. Menú: segundo nivel con iconos y descripciones
ME606. Menú con pestañas
ME503. Menú móvil fijo en la parte inferior
TE605. Tarjetas con imagen de fondo y texto en columnas
FT305. Panel con logotipo, texto, enlaces en 3 o 4 columnas e iconos de redes sociales
Veamos qué ofrecen estos bloques y qué aspecto tienen.
Bloque ME303A. Menú universal con opciones de menú bajo el logotipo de la izquierda
ME303A es un menú universal con separador de líneas. Coloca tu logotipo, número de teléfono y un botón en la parte superior, mientras que los elementos del menú van debajo de la línea. El separador le permite añadir mucha información a la cabecera sin complicar la navegación por el sitio web, ya que los elementos del menú permanecerán visibles.
En el panel Configuración del bloque, puede ajustar el espaciado entre los elementos del menú, colocar el separador encima o debajo de los elementos del menú, personalizar la tipografía y mucho más.
El menú móvil también se puede personalizar: seleccione el color de fondo, el color del icono de hamburguesa y la ubicación del logotipo.
En el panel Configuración del bloque, puede ajustar el espaciado entre los elementos del menú, colocar el separador encima o debajo de los elementos del menú, personalizar la tipografía y mucho más.
El menú móvil también se puede personalizar: seleccione el color de fondo, el color del icono de hamburguesa y la ubicación del logotipo.
Bloque ME601A. Menú: segundo nivel con iconos y descripciones
El menú de segundo nivel ampliado resulta útil cuando no basta con una simple lista de subelementos. Las descripciones y los iconos harán que la navegación sea más intuitiva para los visitantes.
Puede colocar subelementos en 1-4 columnas y establecer un título y una descripción comunes. Utiliza iconos gratuitos de la biblioteca de Tilda o sube los tuyos propios. También puedes personalizar el estilo del menú y establecer su anchura en píxeles.
Es fácil trabajar con este bloque: configura los elementos del menú mediante tarjetas y se distribuirán automáticamente entre las columnas en función de cuántas haya.
Puede colocar subelementos en 1-4 columnas y establecer un título y una descripción comunes. Utiliza iconos gratuitos de la biblioteca de Tilda o sube los tuyos propios. También puedes personalizar el estilo del menú y establecer su anchura en píxeles.
Es fácil trabajar con este bloque: configura los elementos del menú mediante tarjetas y se distribuirán automáticamente entre las columnas en función de cuántas haya.
Bloque ME606. Menú con pestañas
Un menú grande con pestañas funcionará si necesitas crear un menú de segundo nivel o configurar la navegación visual para un gran número de secciones.
En el panel Configuración del bloque, puedes ajustar la anchura del bloque, el desplazamiento, así como personalizar la alineación de los elementos del menú: centro, izquierda o derecha. También puedes elegir uno de los tres tamaños para el menú: pequeño, mediano o grande.
Los elementos del menú son totalmente personalizables: ajusta la opacidad, el color de fondo, la anchura del borde, el color y el radio. Puedes modificar el estilo del elemento activo y el estilo de los elementos al pasar el ratón por encima, establecer una distancia entre los elementos y mucho más.
El bloque es visualmente similar a ME602 y ME603, pero se utiliza para otros fines. Si necesitas mostrar u ocultar contenido al cambiar de pestaña, utiliza los bloques ME602 y ME603.
En el panel Configuración del bloque, puedes ajustar la anchura del bloque, el desplazamiento, así como personalizar la alineación de los elementos del menú: centro, izquierda o derecha. También puedes elegir uno de los tres tamaños para el menú: pequeño, mediano o grande.
Los elementos del menú son totalmente personalizables: ajusta la opacidad, el color de fondo, la anchura del borde, el color y el radio. Puedes modificar el estilo del elemento activo y el estilo de los elementos al pasar el ratón por encima, establecer una distancia entre los elementos y mucho más.
El bloque es visualmente similar a ME602 y ME603, pero se utiliza para otros fines. Si necesitas mostrar u ocultar contenido al cambiar de pestaña, utiliza los bloques ME602 y ME603.
Bloque ME503. Menú móvil fijo en la parte inferior
ME503 es una barra de navegación móvil que se muestra por defecto en pantallas de hasta 640px de ancho. Mientras se desplaza, el menú se mantiene siempre fijo en la parte inferior de la pantalla para facilitar y agilizar la navegación por el sitio web. En el panel de configuración del bloque, puedes desactivar el menú mientras te desplazas hacia arriba.
Puedes añadir cualquier número de elementos al menú: si hay más elementos de los que caben en el ancho de la pantalla del smartphone, aparecerá un desplazamiento horizontal para que los elementos ocupen menos espacio.
Puedes añadir elementos utilizando tarjetas, que son fáciles de copiar y mover a medida que diseñas la navegación.
Para cada elemento del menú, puedes añadir iconos de la biblioteca gratuita de iconos de Tilda o utilizar los tuyos propios. También puedes ajustar la opacidad de todos los elementos o sólo del activo.
Puedes añadir cualquier número de elementos al menú: si hay más elementos de los que caben en el ancho de la pantalla del smartphone, aparecerá un desplazamiento horizontal para que los elementos ocupen menos espacio.
Puedes añadir elementos utilizando tarjetas, que son fáciles de copiar y mover a medida que diseñas la navegación.
Para cada elemento del menú, puedes añadir iconos de la biblioteca gratuita de iconos de Tilda o utilizar los tuyos propios. También puedes ajustar la opacidad de todos los elementos o sólo del activo.
Bloque TE605 de la categoría "Tile & link". Tarjetas con imagen de fondo y texto en columnas
El bloque permite añadir una cuadrícula ordenada de tarjetas con imágenes, un título para la ficha, una flecha hacia la derecha y una descripción. En la versión móvil, las tarjetas pueden mostrarse en una línea, permitiendo a los usuarios navegar por ellas con un deslizamiento. Este bloque es ideal para un blog, un portafolio o cualquier otro sitio web con navegación por páginas.
Hay tres opciones de anchura en la configuración del bloque: 12 columnas, 100%, o 100% con márgenes de 40px a ambos lados. El filtro de fondo ayuda a mejorar el aspecto del bloque: puedes seleccionar el color y los valores de transparencia. También puede ajustar la relación de aspecto y la configuración de sombra para las tarjetas, y elegir entre cuatro estilos diferentes de la flecha, o desactivarla.
Hay tres opciones de anchura en la configuración del bloque: 12 columnas, 100%, o 100% con márgenes de 40px a ambos lados. El filtro de fondo ayuda a mejorar el aspecto del bloque: puedes seleccionar el color y los valores de transparencia. También puede ajustar la relación de aspecto y la configuración de sombra para las tarjetas, y elegir entre cuatro estilos diferentes de la flecha, o desactivarla.
Bloque FT305 de la categoría "Pie de página". Panel con logotipo, texto, enlaces en 3 o 4 filas e iconos de redes sociales.
Un pie de página ayudará a crear un mapa del sitio y facilitará la navegación entre secciones y páginas.
El nuevo bloque es útil si necesita añadir un gran número de enlaces. Se pueden añadir encabezados en 3-4 columnas.
En la parte izquierda del bloque, puedes añadir un logotipo junto con una breve descripción de la empresa o la información de copyright debajo. Añade iconos de redes sociales a la derecha, y ya tienes listo un práctico sistema de navegación en el pie de página.
El nuevo bloque es útil si necesita añadir un gran número de enlaces. Se pueden añadir encabezados en 3-4 columnas.
En la parte izquierda del bloque, puedes añadir un logotipo junto con una breve descripción de la empresa o la información de copyright debajo. Añade iconos de redes sociales a la derecha, y ya tienes listo un práctico sistema de navegación en el pie de página.
