رفتن به مطلب

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


پست های پیشنهاد شده

سلام . وقت بخیر . میخوام یه قالب 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>

 

ویرایش شده توسط aminmaleki
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...