🖌️ Curso Ninja SEO - Tutorial para Personalizar Apariencia, Banner y Diseño en Webador


Primero Veamos Cómo Personalizar La Imagen Del Banner

Todos los diseños de Webador tienen una imagen de banner en la parte superior de la web de forma predeterminada. Puedes utilizar una imagen propia o una imagen de stock gratuita de Webador como banner.


Paso 1

Ve a Editor. 


Paso 2

Mueve el ratón sobre el banner de la parte superior de tu página web. En el centro aparecerá el botón 'Editar'. Haz clic aquí.



Paso 3

Utiliza el menú de la izquierda de la pantalla, donde puedes encontrar los ajustes del banner. Haz clic aquí en el botón + Nueva imagen.


Paso 4

En esta pantalla, elige la opción Subir o Fotos de archivo. En subir fotos puedes seleccionar una imagen de tu ordenador y en fotos de archivo podrás elegir una de las imágenes gratuitas para el banner.


Paso 5

Haz clic en Guardar cuando hayas encontrado una imagen adecuada para el banner.


Paso 6

Por último, puedes configurar algunas cosas más utilizando el menú de la izquierda de la pantalla.

  • Título: escribe un texto que aparecerá en la imagen del banner.
  • Título y subtítulo: añade un título y un subtítulo al banner.
  • Título y botón: escribe un título y añade un enlace a una sección de tu web a través de un botón en el banner.
  • Fondo oscuro: se coloca un fondo oscuro sobre la imagen. Esto hace que los títulos (y el botón) en el banner destaquen más.
  • Efecto de paralaje: la imagen adquiere su propio efecto al desplazarse.


Haz clic en guardar .


Presentación de Diapositivas en el Banner

Si añades varias imágenes al banner, se mostrarán automáticamente en tu página web como una presentación de diapositivas.


Paso 1

Ve al Editor.


Paso 2

Mueve el ratón por encima del banner y haz clic en el botón Editar .

Paso 3

El menú de la izquierda de la pantalla cambia. Haz clic en el botón + Nueva imagen para añadir una imagen.


Paso 4

Añade más imágenes haciendo clic en el botón +Imagen adicional.



Paso 5

A continuación, puedes establecer algunas cosas para el deslizador:

  • Reproducción automática: activa esta opción para que el deslizador se reproduzca automáticamente. Desactiva la opción si quieres que los visitantes puedan navegar por las imágenes por sí mismos y que no se inicie de manera automática.
  • Transición: aquí puedes establecer la transición entre las imágenes del banner en fundido o diapositiva.


Paso 6

Haz clic en Guardar.


✔ Consejo: Podrás elegir por imagen en el control deslizante si no deseas mostrar un título, título + subtítulo o título + botón. Para ello, haz clic en la imagen del deslizador y selecciona la opción deseada. Podrás hacer esto para todas las imágenes de la presentación.

Establecer banner por página por separado

Puedes establecer un banner por separado para cada página de tu web.


Paso 1

Ve al Editor.


Paso 2

Mueve el ratón sobre el banner y haz clic en el botón Editar.


Paso 3

El menú de la izquierda de la pantalla cambia, permitiéndote editar el banner. En la parte inferior de esta barra lateral, verás la opción por defecto. Haz clic en esta opción y selecciona En esta página. Con esto se establece el banner sólo en la página respectiva.



Paso 4

Guarda los cambios.


Si seleccionas la opción en esta página en cada sección de tu web, podrás configurar un banner.


✔ Consejo: Si realizas una presentación de diapositivas en una página, puedes elegir por imagen si deseas mostrarla sin título, con un título, título + subtítulo o título + botón. Para ello, haz clic en la imagen del deslizador y selecciona la opción deseada. Podrás hacer esto para todas las imágenes de la presentación.

Eliminar el Banner de la Página

El banner puede ser eliminado de una página.


Paso 1

Ve a Páginas.


Paso 2

Haga clic en el icono de ajustes (la rueda dentada).



Paso 3

Aquí está seleccionada la opción Con banner. Haz clic en la opción Sin banner.



Paso 4

Haz clic en Guardar y el banner dejará de aparecer en tu página.


✔ Consejo: Podrás volver a colocar el banner en una página.