Avisos
Vaciar todo

Poner cada elemento del menú en dos líneas

16 Respuestas
4 Usuarios
0 Reactions
1,935 Visitas
Respuestas: 109
Estimable Member
Topic starter
 

Buenas tardes:

Me gustaría poner cada elemento del menú principal en dos líneas, tal como aparece en la siguiente web:
http://www.charadaimagenpersonal.es/.

Sé que en joomla se puede hacer añadiendo el símbolo | entre las dos palabras. ¿Existe alguna forma de hacerlo en wordpress?

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 12/10/2016 2:03 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Revisa el siguiente artículo:
http://www.wpbeginner.com/wp-themes/how-to-add-menu-descriptions-in-your-wordpress-themes/

Saludos.


 
Respondido : 12/10/2016 6:01 pm
Respuestas: 109
Estimable Member
Topic starter
 

Buenas tardes:

En el segundo paso ya me pierdo, ya que en mi archivo functions.php no existe información sobre los menús. ¿Lo debo poner ahí igualmente? ¿O puede que en mi plantilla esté situado en otro archivo?


 
Respondido : 12/10/2016 7:27 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Por lo que veo la solución, debido a que tu theme no lo tiene, tienes que hacerlo por código.

Tu theme debería tener un archivo functions.php , en el paso 2 lo que te dice es que pongas ese código en ese archivo, puedes ponerlo al final de todo.

El paso 3 es localicar la función en la que tu theme esta llamando al menú, en este caso si que deberías buscar en que archivo esta.

Saludos


 
Respondido : 12/10/2016 9:37 pm
Respuestas: 109
Estimable Member
Topic starter
 

Para realizar el paso tres, he encontrado el siguiente código:

count('menu + search')) : ?>

Respondido : 14/10/2016 1:10 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

En ese código que envías no hay la función wp_nav_menu , tienes que buscar la función wp_nav_menu que agrega el menú en los archivos de tu theme y cambiarla tal como te indican.

Para buscar un texto en tus archivos puedes descarte los archivos de tu theme y luego usar una herramienta como notepad++ para buscar una cadena en varios archivo o un directorio, con esto localizarías en que archivo de tu theme se usa esta función y la podrías cambiar.

Saludos.


 
Respondido : 14/10/2016 5:30 pm
Respuestas: 109
Estimable Member
Topic starter
 

Lo más parecido que he encontrado es esto, ya que al final aparece la línea de wp_nav_menu

global $wp_registered_widgets;

$default_options = array(
'style' => '',
'icon' => '',
'badge' => '',
'display' => array('*')
);

$wp_registered_widgets['nav_menu-0'] = array(
'id' => 'nav_menu-0',
'name' => 'Main menu'
);

$this['system']->widget_options['nav_menu-0'] = $default_options;

echo '';
wp_nav_menu(array('theme_location' => 'main_menu', 'fallback_cb' => create_function('', 'wp_nav_menu(array("fallback_cb" => false));')));
echo '';


 
Respondido : 15/10/2016 12:21 pm
Pepe
 Pepe
Respuestas: 41569
Illustrious Member Admin
 

Hola Susana.

Estoy revisando las dos web's y no veo diferencias en los menús.
¿ Puedes adjuntarnos una captura con lo que quieres indicarnos ?

Puede ver la posibilidad de utilizar un plugin para el menú que se adapte a lo que buscas, por ejemplo podrías revisar:
Max Mega Menu

Un saludo


 
Respondido : 15/10/2016 1:11 pm
Respuestas: 109
Estimable Member
Topic starter
 

Lo que estoy haciendo es copiar el diseño de una web que tengo en joomla, porque la he migrado a Wordpress. Pero me gusta el diseño que tenía la de joomla y sólo se han migrado los contenidos. Ya he conseguido más o menos lo que quiero, excepto con el menú, ya que lo que tengo es lo os envío en la captura y lo que quiero es lo que aparece en www.charadaimagenpersonal.es
Cada elemento del menú tiene dos palabras y quiero que una aparezca arriba y otra abajo, como lo puedes ver en www.charadaimagenpersonal.es.
Tu compañero me ha enviado un enlace donde explican cómo hacerlo con código, pero me está costando encontrar el archivo donde viene el paso número 3, porque mi theme no viene igual.
Y la función que él me pedía sólo la he encontrado donde te decía en el mensaje anterior.


 
Respondido : 15/10/2016 1:37 pm
Pepe
 Pepe
Respuestas: 41569
Illustrious Member Admin
 

Hola Susana.

Ok, ahora te entiendo lo que buscas. Quieres una sub_linea en el menú.
Esto dependerá mucho del plugin que estés utilizando para el menú.

¿Puedes indicarnos que plugin utilizas?

WordPress permite añadir descripciones de elementos de menú haciendo clic en "Opciones de plantilla" y seleccionando "Descripción", en la configuración del menú ' Apariencia -> Menú '

El inconveniente de esto es que tu plantilla tiene que ser compatible con esa opción.

Otra Opción es con algo de código:
Add Description to WordPress Menu Items

Un saludo


 
Respondido : 15/10/2016 2:28 pm
Respuestas: 109
Estimable Member
Topic starter
 

Muchas gracias por la respuesta, y ¿sabes de alguna plantilla que lo permita?
Porque lo he intentado cambiando el código y no lo consigo. Mis conocimientos son limitados... O si puedes orientarme para poder modificar el código, te lo agradecería.

Saludos!


 
Respondido : 15/10/2016 2:33 pm
Pepe
 Pepe
Respuestas: 41569
Illustrious Member Admin
 

Hola Susana.

Vamos a probar algo, pero como te digo esto dependerá de tu plantilla.

.- Edita el archivo fuctions.php que encontraras en al carpeta de la instalación de tu plantilla ' wp-content/themes/myplantilla '

.- Añade al final del archivo lo siguiente:

function be_header_menu_desc( $item_output, $item, $depth, $args ) {
	
	if( 'header' == $args->theme_location && ! $depth && $item->description )
		$item_output = str_replace( '', '' . $item->description . '', $item_output );
		
	return $item_output;
}
add_filter( 'walker_nav_menu_start_el', 'be_header_menu_desc', 10, 4 );

Luego como te indique en el hilo anterior añade la sublinea en la descripción.

Nota: Recuerda realizar una copia del archivo antes de cualquier modificación, solo con un copia y pega en el block de notas tendrás suficiente para dejarlo como estaba anteriormente.

Un saludo


 
Respondido : 15/10/2016 3:03 pm
Respuestas: 109
Estimable Member
Topic starter
 

Nada, no funciona. Ya tengo creada las descripciones de todos los items de menú y no funciona poniendo eso. Por si te ayuda, en mi archivo function.php, sólo aparece ésto:

<?php
/**
* @package Drive
* @author YOOtheme http://www.yootheme.com
* @copyright Copyright (C) YOOtheme GmbH
* @license http://www.gnu.org/licenses/gpl.html GNU/GPL
*/

// load config
require_once(dirname(__FILE__).'/config.php');


 
Respondido : 15/10/2016 5:25 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Susana,

He revisado los menús de Contenido solo visible a usuarios registrados y verifico que los de esta última web, que es la de WordPress, tiene el mismo comportamiento que los de la web Joomla.

Entiendo que es el comportamiento que buscas para los submenús del menú principal ¿correcto?

Saludos


 
Respondido : 15/10/2016 10:00 pm
Respuestas: 109
Estimable Member
Topic starter
 

No, no tiene el mismo comportamiento. En la primera web cada elemento del menú aparece con el texto en dos líneas, y en el segundo aparece en una línea.
Ya se lo he explicado a la persona que me ha atendido anteriormente...


 
Respondido : 15/10/2016 10:05 pm
Página 1 / 2