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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024061408043960.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024061408155150.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024061408170693.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024061408200927.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024061408260223.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024061408320892.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024061408372770.png)
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教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024061408411975.png)
![图片[9]-Basel主题网站海报(banner)如何设置和使用方法?(04)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024061408413252.png)
![图片[10]-Basel主题网站海报(banner)如何设置和使用方法?(04)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024061408420331.png)
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 | |
Enlace a este artículo:https://www.361sale.com/es/11483/El artículo está protegido por derechos de autor y debe ser reproducido con atribución.


















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Sin comentarios