ساخت مگا منو وردپرس

[aminmaleki 0]

سلام . وقت بخیر . میخوام یه قالب html رو تبدیل به قالب وردپرس کنم .اما متاسفانه تو مگا منو گیر کردم . طراحی کلی قسمت منو با کد html که پایین فرستادم . قسمت دسته بندی دقیقا مشابه وب سایت https://www.sourcebaran.com/  هست . بعد قسمت ساب منو هات به صورت ۴ ستونه کنار هم میفته . ممنون میشم یکی از دوستان راهنمایی کنه چکار باید بکنم این قسمت رو .

و اینکه نمیخوام دست به دامان افزونه های جانبی شم . تشکر مجدد

با تشکر فراوان 

<div class="col s12 m4">
   <div class="mega-menu">
      <h5>
         <div class="img">
          <img src="<?php echo get_template_directory_uri(); ?>/assets/img/background-menu.svg" alt=""> 
         </div>
         category
      </h5>
      <!-- start mega menu -->
      <div class="inner">
         <div class="content">
            <div class="col s12 m3">
               <div class="mega-menu-items">
                  <h3 class="active">
                     <div class="img">
                        <img src="inc/img/mega-menu-title-image.svg" alt="">
                     </div>
                     Category A
                  </h3>
               </div>
            </div>
            <div class="col s12 m3">
               <div class="mega-menu-items">
                  <h3 class="active">
                     <div class="img">
                        <img src="inc/img/mega-menu-title-image.svg" alt="">
                     </div>
                     Category B
                  </h3>
               </div>
            </div>
            <div class="col s12 m3">
               <div class="mega-menu-items">
                  <h3 class="active">
                     <div class="img">
                        <img src="inc/img/mega-menu-title-image.svg" alt="">
                     </div>
                     <a herf='/'a> Category C - without SUbMENU </a>
                  </h3>
               </div>
            </div>
            <div class="col s12 m7">
               <div class="childs">
                  <div class="child active">
                     <div class="col s12 m3">
                        <ul>
                           <li><a href="#">Submenu for category A - 1 </a></li>
                           <li><a href="#">Submenu for category A - 2 </a></li>
                           <li><a href="#">Submenu for category A - 3 </a></li>
                           <li><a href="#">Submenu for category A - 4 </a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
            <div class="col s12 m7">
               <div class="childs">
                  <div class="child active">
                     <div class="col s12 m3">
                        <ul>
                           <li><a href="#">Submenu for category B - 1 </a></li>
                           <li><a href="#">Submenu for category B - 2 </a></li>
                           <li><a href="#">Submenu for category B - 3 </a></li>
                           <li><a href="#">Submenu for category B - 4 </a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <!-- echo off-->
      </div>
   </div>
   <!-- end mega menu -->
</div>

 

ویرایش شده 15 فروردین توسط aminmaleki

[amirjahangiri 6]

سلام از طریق Navwalker میتونی هر منویی با هر استایلی مد نظرت هست رو بسازی 

لینک : 
https://github.com/wp-bootstrap/wp-bootstrap-navwalker