Avisos
Vaciar todo

[Resuelto] Cómo añadir una imagen encima del menú de WordPress  

 
Tatiana
 Tatiana
Usuario activo

Hola a todos:

Me gustaría insertar una imagen tipo banner encima del menú de la web para destacar un par de elementos diferenciadores que ofrecemos en la empresa y no sé cómo hacerlo. No se trata de un banner en sí, porque no contiene ningún enlace a ninguna landing, es decir, no es publicitario, simplemente informativo.

¿Cómo se hace?

Adjunto una imagen de referencia de la marca Freshly Cosmetics para que veáis a qué me refiero.

Captura de pantalla 2024 03 07 a las 10.09.51

Contenido solo visible a usuarios registrados

Respondido : 07/03/2024 9:50 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Tatiana.

Veo que utilizas la plantilla Betheme y este tiene un aopcion para añadir un aviso.

.- Accede a Betheme -> Theme Options

.- Despliega Menú & Action Bar

.- Selecciona la opción " Show above the header "

.- En la celda " Slogan " añade el texto que quieres mostrar

XC5XBO6TE4MD

 

Un Saludo

Respondido : 07/03/2024 10:34 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Tatiana
 Tatiana
Usuario activo

Gracias por la ayuda, @pepesoler, pero no es exactamente lo que busco, porque se pone como texto plano sin más diseño. ¿Hay alguna forma de meterle diseño o de insertar una imagen?

Captura de Pantalla 2024 03 11 a las 12.05.49

  Adjunto captura para que veas cómo queda.

Un saludo.

Respondido : 11/03/2024 11:06 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Tatiana.

Que quieres modificar de diseño ? puedes modificar el texto, modificar el color del fondo...... si nos dices como quieres que se muestre podríamos verlo.

Por ejemplo puedes probar añadiendo lo siguiente en apariencia -> Personalizar -> CSS Adicional:

.header-classic #Action_bar {
background-color:rgb(228,42,134)!important;
background-image: url( https://connectingtranslations.es/wp-content/uploads/2018/09/fondo-esquina-2.png );
background-repeat: no-repeat;
background-position: right top;
}

#Action_bar .contact_details {
color:#fefefe!important;
font-weight:bold;
font-family:"Fira Sans";
}

 

Un Saludo

Respondido : 11/03/2024 11:45 am

Cursos Gratuitos WordPress

Tatiana
 Tatiana
Usuario activo

Me gustaría que el color de fondo fuera el rosa de la marca, que el texto estuviera centrado y en negrita y tal vez añadir algún emoticono. ¿Cómo consigo esto?

Respondido : 11/03/2024 11:47 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Tatiana.

Probaste el código que te indique ?

El resultado es este:

screenshot connectingtranslations.es 2024.03.11 12 51 52

 

Un Saludo

Respondido : 11/03/2024 11:53 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Tatiana
 Tatiana
Usuario activo

Sí, ya me ha salido. ¡Muchas gracias! ¿Cómo puedo ponerlo en inglés para que solo me salga en ese idioma en las páginas que están en inglés?

Respondido : 11/03/2024 12:03 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Tatiana, 

En este caso si solo quieres mostrar el banner en inglés, puedes probar ocultarlo en el idioma español añadiendo el siguiente código en el apartado de Apariencia → Personalizar → CSS Adicional

html[lang="es-ES"] #Action_bar {
display: none;
}

Puedes verificarlo y revisar si con ello puedes configurar lo que necesitas. 

Un Saludo

 

Respondido : 11/03/2024 1:36 pm

Tatiana
 Tatiana
Usuario activo

Lo que necesitaría es que el baner en español solo apareciera en las páginas que están en español y el baner traducido al inglés solo en las páginas que están en inglés. ¿Se puede hacer eso? Tengo el plugin WPML, por si os sirve de algo.

Respondido : 11/03/2024 3:00 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Tatiana.

Tienes que modificarlo desde las opciones del plugin de WPML

.- Accede a WPML -< Traducción de cadenas 

.- En la opción de buscar añade el texto completo " GARANTÍA DE PLAZO DE ENTREGA: Si no te entregamos tu traducción en el plazo acordado, te devolvemos el dinero | ENVÍOS GRATIS SIEMPRE "

screenshot mary52.webempresa.eu 2024.03.11 16 21 26

 

Un Saludo

Respondido : 11/03/2024 3:24 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Tatiana
 Tatiana
Usuario activo

Genial, Pepe. Ya lo he conseguido.

Muchas gracias 🙂

Respondido : 11/03/2024 4:20 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Tatiana, 

Enhorabuena lograste configurar lo que necesitas, es un placer para nosotros siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta

Un Saludo 😊 

Respondido : 11/03/2024 4:34 pm

wpdoctor-revisa-la-salud-de-tu-wordpress