Cambiar formato Menu de navegacion  

Página 1 / 2
 
Carlos
 Carlos
Estimable Member

Buenos dias

Me gustaría ajustar mi menu de navegacion. Como todos los nombres tienen un nombre compuesto, aparecen en horizontal y no me cabe la ultima parte del menu. Que es Mk (siendo Diseño Gráfico).

Lo que me gustaría, es poder partirlos y que todos los nombres aparezcan, por ejemplo: encima Diseño y debajo Gráfico.

El Tema es el Bridge. Lo he intentado en apariencia pero no me deja elegir el formato del texto

Podeis ayudarme?

Adjunto foto

Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 15/03/2018 11:55 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Gregorio.

Lo siento pero no te entendí bien :dry:

¿ Lo que quieres es crear submenus, es decir añadir elementos de menú a MK y Diseño web ? o lo que quieres es modificar ese texto para hacer las pequeño o el espacio entre Item's

Discúlpame me perdí y no se exactamente lo que buscas :blush:

Un saludp

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 15/03/2018 12:06 pm

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

Carlos
 Carlos
Estimable Member

Gracias por contestar tan rapido,

Te paso una "captura" para que lo veas graficamente, ok?

ResponderCitar
Respondido : 15/03/2018 12:27 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Gregorio.

.- accede Apariencia -> Menús.
.- edita el Item de menú y veras una opción que es " Subtext " donde puedes añadir el texto que quieres que aparezca en la posición inferior.

Un Saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 15/03/2018 1:23 pm

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

Carlos
 Carlos
Estimable Member

Hola,

En mi menu, no aparece, la opcion del subtexto

Te adjunto pantallazo

Muchas gracias

ResponderCitar
Respondido : 15/03/2018 2:20 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Gregorio.

bueno son opciones que igual no contempla tu plantilla y por eso no se muestra.

En al captura veo que tienes una celda " description ", añade el texto en esa celda y revisa si se muestra, esto también dependerá tu plantilla, si no se mostrar entonces habría que implementarlo con algo de código.

Si ves que no se muestra la descripcion en el menu, edita el archivo fuctions.php que encontraras en la carpeta de tu plantilla y añade lo siguinete al final del archivo:

add_filter('walker_nav_menu_start_el','dcms_agregar_descripcion',10,4);

function dcms_agregar_descripcion( $item_output, $item, $depth, $args ){
    if ( ! empty($item->description)){
        return str_replace( '', '
'.$item->description.'', $item_output ); } return $item_output; }

Nota: Recuerda realizar una copia de seguridad del archivo antes de realizar cualquier modificación.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 15/03/2018 2:35 pm

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

Carlos
 Carlos
Estimable Member

Gracias,

Podrías indicarme la ruta parallegar hasta este archivo, no hay manera de encontrarlo...

Gracias

ResponderCitar
Respondido : 16/03/2018 8:59 am
Carlos
 Carlos
Estimable Member

Ya lo he encontrado, y he pegado esto
add_filter('walker_nav_menu_start_el','dcms_agregar_descripcion',10,4);

function dcms_agregar_descripcion( $item_output, $item, $depth, $args ){
if ( ! empty($item->description)){
return str_replace( '', '
'.$item->description.'', $item_output );
}
return $item_output;
}

Ahora, lo que pongo en description, si que lo añade debajo, pero un poco lejos, y más pequeño, decentrado...hay alguna posibilidad de editarlo, para que se vea igual la palabra GESTION de arriba, que la DIGITAL de abajo?

Gracias!!

ResponderCitar
Respondido : 16/03/2018 9:12 am

Cursos Gratuitos WordPress

Carlos
 Carlos
Estimable Member

Adjunto una captura para ver si me puedo explicar mejor.

He conseguido cambiar el tamaño, pero las palabras GESTION y DIGITAL están muy alejadas y me gustaría acercarlas mucho más

Podeis ayudarme

Gracias!!

ResponderCitar
Respondido : 16/03/2018 10:21 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Para el tema del tamaño, prueba a cambiar el código añadido por este otro:

add_filter('walker_nav_menu_start_el','dcms_agregar_descripcion',10,4);
 
function dcms_agregar_descripcion( $item_output, $item, $depth, $args ){
    if ( ! empty($item->description)){
        return str_replace( '', '
'.$item->description.'', $item_output ); } return $item_output; }

Simplemente le quito el small

Sobre la separación de los 2 textos, tendrías que dejarlo puesto en uno de tus elementos de menú para poder analizarlo y ver qué cambios hay que apilcar en los css.

En todo caso, este sistema no me convence, ya que puede no funcionar correctamente en determinadas circunstancias, por ejemplo en el menú que se muestra para móviles.

Veo mejor opción hacer más pequeña la fuente de letra del menú en general, para que así entren más elementos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 16/03/2018 3:02 pm

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

Carlos
 Carlos
Estimable Member

Gracias, he avanzado bastante, te importaría indicarme donde cambiar el tamaño del texto del menu?

Gracias

ResponderCitar
Respondido : 16/03/2018 4:08 pm
Carlos
 Carlos
Estimable Member

Hola,

He visto en otros temas resueltos, que se puede cambiar las css en

wp-content/themes/mytheme/style.css

Lo malo es me aparece esto

/*
Theme Name: Bridge
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: Bridge Theme
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 10.1.2
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

Y no se en que carpeta esta el archivo a modificar

Saludos

ResponderCitar
Respondido : 16/03/2018 4:47 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Podrías evaluar poner tu código al final de ese archivo, sin embargo si actualizas el theme el archivo style.css se sobreescribirá y perdarás los cambios, en estos casos se recomienda mejor crear un child theme con su style.css en donde puedes agregar tus cambios, revisa:

https://www.webempresa.com/blog/crear-temas-hijo-child-themes-en-wordpress.html

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 16/03/2018 4:54 pm
Carlos
 Carlos
Estimable Member

Gracias es muy interesante lo que propones,

Pero el caso es que aún no he conseguido que se vea bien el menu. La idea no es hacerlo más pequeño porque no se vería mucho. Es simplemente, que aparezcan las 2 palabras una encima de la otra, centradas y no muy alejadas entre si, que es lo que pasa si pongo la 2ª palabra en "descripcion".

Adjunto captura de como consigo ponerlo para explicarme mejor. Lo que busco es subir la palabra Digital y reducir ese espacio que queda y centrarlas entre si

Gracias

ResponderCitar
Respondido : 16/03/2018 5:02 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Actualmente lo veo todo en una línea, podrías poner la segunda línea de descripción para ver qué código CSS sería necesario.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 16/03/2018 6:45 pm
Página 1 / 2

Por favor Iniciar Sesión o Registro