Avisos
Vaciar todo

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

12 Respuestas
3 Usuarios
0 Reactions
32 Visitas
Respuestas: 16
Active Member
Topic starter
 

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
Respuestas: 41336
Illustrious Member 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
Respuestas: 16
Active Member
Topic starter
 

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
Respuestas: 41336
Illustrious Member 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
Respuestas: 16
Active Member
Topic starter
 

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
Respuestas: 41336
Illustrious Member 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
Respuestas: 16
Active Member
Topic starter
 

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
Respuestas: 18826
Illustrious Member 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
Respuestas: 16
Active Member
Topic starter
 

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
Respuestas: 41336
Illustrious Member 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
Respuestas: 16
Active Member
Topic starter
 

Genial, Pepe. Ya lo he conseguido.

Muchas gracias 🙂


 
Respondido : 11/03/2024 4:20 pm
Karen Rios
Respuestas: 18826
Illustrious Member 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