Cum să creezi un meniu WordPress receptiv folosind Bootstrap Nav Walker

Căutați o modalitate de a începe cu un meniu de navigare receptiv folosind Bootstrap? Deși probabil există un plugin pentru asta, am creat o secvență rapidă de cod pe care o puteți folosi pentru a crea complet un meniu WordPress receptiv folosind Bootstrap nav walker în WordPress.

Instrucțiuni:

Mai întâi, trebuie să descărcați fișierul wp_bootstrap_navwalker.php de aici și să-l încărcați în folderul wp-content/themes/your-theme.

După aceea, trebuie să adăugați acest cod în fișierul functions.php al temei dvs. sau într-un plugin specific site-ului:

// Register Custom Navigation Walker for function.php
require_once('wp_bootstrap_navwalker.php');

Apoi, trebuie să creați un meniu Bootstrap și să adăugați următorul cod în fișierul header.php al temei dvs.

// Create navigation
<div class="navbar " role="navigation">
            <div class="navbar-header">
	            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	                <span class="sr-only">Toggle navigation</span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	            </button>
	        </div>
	
		    <div class="navbar-collapse collapse ">
				<?php  /* menu */
			       	wp_nav_menu( array(
							    'menu'              => 'primary-menu',
			       				'theme_location'    => 'primary-menu',
				        		'depth'             => 5,
				        		'container'         => 'div',
				        		'container_class'   => 'collapse navbar-collapse navbar-ex1-collapse ',
				        		'menu_class'        => 'nav navbar-nav  ',
				        		'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
				        		'walker'            => new wp_bootstrap_navwalker())
					); 
				 ?>
           	</div>
		</div><!--	Navigation -->


?>

Asigurați-vă că înlocuiți parametrul „menu” cu numele meniului dvs. Bootstrap.

Notă: Dacă aceasta este prima dată când adăugați fragmente de cod în WordPress, consultați ghidul nostru despre cum să adăugați corect fragmente de cod în WordPress, pentru a nu vă defecta accidental site-ul.

Dacă v-a plăcut această secvență de cod, vă rugăm să luați în considerare să consultați și alte articole de pe site, cum ar fi: peste 50 dintre cele mai bune teme WordPress receptive pentru a crea un site pregătit pentru mobil și cum să creați un formular de candidatură în WordPress.