Pasar al contenido principal
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Componente Enlace único

El COMPONENTE ENLACE ÚNICO, nos permite añadir un enlace del tipo texto, manteniendo el aspecto en lugar de tener forma de botón.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Cuando accedemos a la edición del COMPONENTE ENLACE ÚNICO, veremos que está dividido en dos zonas principales.

En la parte superior están los valores específicos del enlace, que corresponden con el enlace al que apuntará y el texto que se muestra.

En la parte inferior, encontraremos el resto de configuraciones, divididas en varias pestañas para facilitar su implementación.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

En la primera pestaña LINK o ENLACE, encontraremos varias alternativas de personalización que son:

  • Color del texto
  • Texto en Negritas
  • Tamaño del texto
  • Tipo de letra
  • Alinear textos
  • Abrir en nueva ventana
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

En la siguiente pestaña cuyo nombre es LINE DECORATION o LINEA DECORATIVA, podremos configurar una línea decorativa para el enlace, entre opciones están :

  • Añadir Línea decorativa.
  • Color Línea decorativa.
  • Tipo de Línea decorativa.
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

La siguiente pestaña permite añadir varias personalizaciones al bloque que contiene al componente, esto nos permite obtener un resultado parecido al que tendríamos con el COMPONENTE TÍTULO PRINCIPAL.

Para facilitar su implementación, las opciones del Bloque están divididas en tres pestañas que agrupan los márgenes y otras configuraciones, el padding del bloque y el borde del bloque.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Si desplegamos la pestaña de márgenes dentro del primer grupo de opciones del bloque comprobaremos que están disponibles los campos para la configuración de los cuatro márgenes por separado.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Y si deplegamos la pestaña Color, Height and Shadow ubicada a la derecha, encontramos las opciones para definir:

  • Color fondo del Bloque
  • Fijar altura del bloque en ordenadores
  • Sombra del bloque
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

La siguiente pestaña de configuraciones del bloque, dentro del COMPONENTE ENLACE ÚNICO, nos permite configurar el padding del bloque de forma global o con valores independientes para cada uno de los lados.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

El último grupo de opciones del bloque corresponde con las del borde y para que sea más fácil de implementar están divididas en tres grupos.

  • Border type
  • Color, width, Style
  • Radio del borde
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Si displegamos el primer grupo de opciones del borde, podremos activar:

  • Borde Global
  • Borde Superior
  • Brode inferior
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

En el siguiente grupo de opciones disponibles para configurar el borde estan:

  • Color borde del Bloque
  • Grosor del borde del bloque
  • Estilo del borde
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

El último grupo de opciones para el borde corresponde con la curvatura o radio y podremos aplicarlo a nivel global y por separado para cada uno de los lados.

 

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Otra de las pestañas de configuración disponibles para en COMPONENTE ENLACE ÚNICO, son las correspondientes a dispositivos móviles, que están agrupadas en la que tiene el nombre MOBILE.

Al desplegarla, encontramos dos pestañas adicionales dentro, que agrupan por separado la altura y alineación  y por otro lado las opciones de padding o relleno.

 

Drupal Landing Maker by Drupaladicto | www.landingmaker.es
Drupal Landing Maker by Drupaladicto | www.landingmaker.es
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

La última de las pestañas de configuración disponibles para el COMPONENTE ENLACE ÚNICO es ANIMATION, en la que podremos escoger desde un selector entre varias opciones de efectos de animación que se aplicarán sobre nuestro componente.

 

Drupal Landing Maker by Drupaladicto | www.landingmaker.es