Skip to main content
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Cabecera web

En todas las plantillas disponibles en LandingMaker.es, en su parte superior, encontrarás la cabecera. Ésta es personalizable y está dividida en dos zonas principales, la barra superior, donde se muestran los datos de contacto y enlaces a las redes sociales y la barra inferior o Principal, con el logotipo del sitio y el menú principal.

Al hacer clic en la opción Editar Encabezado, veremos cada una de las zonas de la cabecera en dos pestañas, para facilitar la ejecución de tus cambios con las menores distracciones.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Si damos clic en la primera pestaña, se desplegarán las diferentes características de personalización disponibles.

Descubriremos tres nuevas pestañas, una con la configuración de los datos de contacto en la parte izquierda, la siguiente con los enlaces a las redes sociales que se muestran en la parte derecha de la barra y finalmente dos selectores de color para el texto y la barra propiamente.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Dentro de las opciones de los datos de contacto, veremos las tres columnas disponibles para personalizar.

En la primera de ellas, tenemos la opción de añadir uno o dos teléfonos de contacto, la segunda pestaña nos permite añadir un correo electrónico, que  desplegará un formulario para elegir el proveedor de correo a utilizar, cuando los usuarios den clic sobre éste.

Por último, tenemos la posibilidad de dividir en dos columnas los datos de contacto, para aprovechar mejor el espacio en dispositivos móviles. Este comportamiento viene marcado de forma predeterminada en todas las plantillas.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

El otro componente que podremos personalizar, dentro de la barra superior en la cabecera, son los enlaces a las redes sociales. Este componente ofrece varias alternativas de personalización, por lo que explicaremos sus detalles en su propio tutorial.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

La última de las configuraciones personalizables para la barra superior de la cabecera, son los colores del fondo y del texto de contacto. El color de los iconos para las redes sociales se podrá modificar por separado al entrar en su propia edición.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Si nos movemos a la pestaña de configuración para la barra principal de la cabecera, y desplegamos, encontraremos tres alternativas de configuración; correspondientes a logotipo de la web, el menú principal y sus propias configuraciones, que explicaremos en su propio tutorial y el cambio de color de fondo, además de la posibilidad de añadir un efecto sombra a toda la cabecera.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Desde la pestaña para el logotipo, podremos añadir la imagen correspondiente, en los formatos de imagen más comunes, por ejemplo jpg o png. Aunque el tamaño se ajusta automáticamente, la imagen no debería tener un ancho mayor a 250 píxeles para evitar problemas de carga.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

El siguiente componente disponible de personalización es el Menú principal, que encontraremos en la parte central y que, por todas las opciones que ofrece, explicaremos en detalle en su propio tutorial.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Al igual que en la barra superior, también tenemos la opción de personalizar el color y el efecto sobra para la barra. Esta es la última de las opciones y la veremos en la parte derecha de la pantalla de edición.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es