¿Cómo configurar y cómo utilizar el póster (banner) de la página web del tema Basilea? (04)

En este número hablamos de cómo añadir y cambiar la pancarta tú mismo (DIY).

Un cartel (banner) bien diseñado puede ser eficaz para captar la atención del usuario y comunicar el mensaje de una marca. Si eres webmaster, diseñador o propietario de una pequeña empresa, dominar cómo añadir y cambiar banners DIY es una habilidad importante. Este artículo te guiará por los sencillos pasos para añadir texto, imágenes y botones y optimizar estos elementos para garantizar la mejor presentación posible.
1.Paso → Añadir capa

图片[1]-Basel主题网站海报(banner)如何设置和使用方法?(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

Aquí puede añadir texto, imágenes, así como botones, formas, vídeos, música, etc. (pero los más utilizados son texto, imágenes y botones)
2.Pasos Añadir capa→texto

图片[2]-Basel主题网站海报(banner)如何设置和使用方法?(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

El texto puede editarse de cualquier forma, así como arrastrarse y soltarse y cambiar de tamaño, véase "¿Cómo configurar y cómo utilizar el póster (banner) de la página web del tema Basilea? (03)"
3.Pasos Añadir capa→imagen

图片[3]-Basel主题网站海报(banner)如何设置和使用方法?(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

Las imágenes se pueden poner imágenes de productos o personajes, o cualquier cosa relacionada con su producto, pero asegúrese de que la imagen está en formato PNG transparente, de lo contrario la visualización no es muy satisfactoria (referencia)¿Cómo configurar y cómo utilizar el póster (banner) de la página web del tema Basilea? (03))
4.Pasos Añadir capa→botón

图片[4]-Basel主题网站海报(banner)如何设置和使用方法?(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

Elija el estilo de los botones según sus necesidades, y no se preocupe por los colores, pueden cambiarse (cf.¿Cómo configurar y cómo utilizar el póster (banner) de la página web del tema Basilea? (03))
Encontrará otros ajustes en el artículo anterior sobre cómo configurarlos

Bueno, así es como funcionan algunas de las funciones básicas, y luego pasaremos a algunas de las preguntas más frecuentes.

1. ¿Cómo se determina el tamaño de la imagen de fondo del cartel (banner)?

图片[5]-Basel主题网站海报(banner)如何设置和使用方法?(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

En la imagen podemos ver la línea de puntos azules, la longitud y la anchura, esto se puede utilizar como referencia

También existe la posibilidad de ajustar el tamaño del cartel de visualización

2.Paso Configuración→Disposición

图片[6]-Basel主题网站海报(banner)如何设置和使用方法?(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

El tamaño general de la pantalla es el doble del tamaño de la imagen Por ejemplo, si el gráfico es 1000*1000, entonces tenemos que poner el doble de datos. Pero esto es para poder mostrar el fondo completamente, pero el cartel de la página de inicio será igual de grande, por lo que se recomienda que la imagen de fondo puede ser más pequeño

3.Paso Iconos de ordenador

图片[7]-Basel主题网站海报(banner)如何设置和使用方法?(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

Escritorio: Interfaz de pantalla

Portátil: Interfaz de pantalla del portátil

Tableta: interfaz de pantalla plana

Móvil: interfaz de teléfono móvil

Puedes activar ambas, pero si las activas, tendrás que configurar cada pantalla individualmente para crear una mejor experiencia de usuario.

También puedes apagarlo todo y dejar sólo el monitor, para que el resto de la interfaz se adapte.

图片[8]-Basel主题网站海报(banner)如何设置和使用方法?(04)-光子波动网 | WordPress教程、Elementor教程与故障修复
图片[9]-Basel主题网站海报(banner)如何设置和使用方法?(04)-光子波动网 | WordPress教程、Elementor教程与故障修复
图片[10]-Basel主题网站海报(banner)如何设置和使用方法?(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

Estas son las interfaces para tres dispositivos diferentes

Resumen:
Con los pasos anteriores, has aprendido a añadir y cambiar banners. Desde elegir el texto y las imágenes adecuadas hasta configurar el estilo del botón y el tamaño del fondo, cada paso es fundamental. Recuerda optimizar la interfaz para diferentes dispositivos para ofrecer una mejor experiencia al usuario. Espero que este artículo te haya ayudado e inspirado tu creatividad en el diseño. Sigue explorando estos consejos y estoy seguro de que podrás diseñar banners aún más bonitos. Te deseamos un feliz viaje por el diseño.


Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas
客服微信
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correo electrónico: [email protected]
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
© Declaración de reproducción
Este artículo fue escrito por Harry
EL FIN
Si le gusta, apóyela.
felicitaciones0 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios