Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

Personalizar wp_nav_menu()

Estas en el tema de Personalizar wp_nav_menu() en el foro de WordPress en Foros del Web. Buenas ... estoy teniendo problemillas para personalizar un menu de navegación en Wordpress que maqueté en html y css. 1. Como puedo darle clases a ...
  #1 (permalink)  
Antiguo 04/07/2015, 10:19
 
Fecha de Ingreso: mayo-2013
Mensajes: 75
Antigüedad: 10 años, 11 meses
Puntos: 0
Personalizar wp_nav_menu()

Buenas ... estoy teniendo problemillas para personalizar un menu de navegación en Wordpress que maqueté en html y css.

1. Como puedo darle clases a los li de la lista ??
2. Como puedo añadir html personalizado al comienzo de la lista ??

Código:
<!-- Esta es la función que estaba creando  -->

		<?php wp_nav_menu(array(
				'theme_location'=>'nav-top',
				'menu'=>'nav-top',
				'container'=>'nav',		
				'container_class'=>'container90 navTop',
				'menu_class'=>'horizontalList wrapper90',
				

				));
		?>

		<!-- Esta es la navegacion que quiero crear con la función -->

		<nav class="container90 navTop">
			<ol class="horizontalList wrapper90">

				<!-- Este es un elemento que he creado para hacer responsive
				la navegacion sólo con css y nada de javascript -->
				<!-- Este es uno de los PROBLEMAS -->

				<label for="checkboxNavTop" class="btnNavTop">
					<li class="icon-menu hidden "></li>
				</label>
				<input type="checkbox"   id="checkboxNavTop"class="checkNavTop hidden  ">
				
				<!-- ===================================================== -->

				<li class="itemPrimary"><a href="index.php">INICIO</a></li>
				<li class="itemPrimary"><a href="empresa.php">EMPRESA</a></li>
				<li class="itemPrimary"><a href="servicios.php">SERVICIOS</a></li>
				<li class="itemPrimary">PRODUCTOS
					<div class="MenuSecundary">

						<ul class="colMenuSecundary">
							<img src="<?php bloginfo('template_directory');?>/img/navtop/secundaryMenu/img1.jpg" alt="" class="imgMenuSecundary">
							<img src="<?php bloginfo('template_directory');?>/img/navtop/secundaryMenu/img2.jpg" alt="" class="imgMenuSecundary">
						</ul>
						<ul class="colMenuSecundary">
							<li class="itemMenuSecundary "><a href="sillas.php">Sillas</a></li>
							<li class="itemMenuSecundary"><a href="sillones.php">Sillones</a></li>
							<li class="itemMenuSecundary"><a href="modulos.php">Módulos</a></li>
							<li class="itemMenuSecundary"><a href="modulos.php">Mesas</a></li>
							<li class="itemMenuSecundary"><a href="taburetes.php">Taburetes</a></li>
							<li class="itemMenuSecundary"><a href="rotomoldeo.php">Rotomoldeo</a></li>
						</ul>
						<ul class="colMenuSecundary">
							<li class="itemMenuSecundary"><a href="tumbonas.php">Tumbonas</a></li>
							<li class="itemMenuSecundary"><a href="parasoles.php">Parasoles</a></li>
							<li class="itemMenuSecundary"><a href="complementos.php">Complementos</a></li>
							<li class="itemMenuSecundary"><a href="taburetes.php">Tableros</a></li>
							<li class="itemMenuSecundary"><a href="armazones.php">Armazones</a></li>
						</ul>
					</div>	
				</li>
				<li class="itemPrimary"><a href="contacto.php">CONTACTO</a></li>
				
			</ol>
		</nav>
  #2 (permalink)  
Antiguo 04/07/2015, 23:07
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: Personalizar wp_nav_menu()

Si esperas algo sencillo he de decepcionarte, es algo complicado modificarlos al inicio cuando no conoces muy bien como funciona un walker para los menus

pero revisa la documentación, allí vienen ejemplos prácticos
https://codex.wordpress.org/Function...ce/wp_nav_menu

Pon suma atencion a las partes que mencionan el uso de walker

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:01.