ساخت مگا منو بدون استفاده از افزونه

Sinapars · بهمن 95

باسلام

من یه مگا منو به صورت html دارم به همین دلیل نمیخوام از افزونه های مگا منو وردپرس استفاده کنم و میخوام همینو تبدیل کنم حالا سوال اینه که چطوری میتونم ساختار پیشفرض زیر منو تو ورد پرس رو تغییر بدم ؟

میخوام بعد از ul که کلاس sub-menu داره و داخلش li هست داخل li این html اضافه بشه :

<div class="dropdown-mega-content">
                                                                       
   <div class="row">
                                                                              
      <div class="col-md-3">
          <span class="dropdown-mega-sub-title">Shortcodes 1</span>
                                                                                     
         <ul class="dropdown-mega-sub-nav">
                                                                                            
            <li><a href="shortcodes-accordions.html">Accordions</a></li>
                                                                                            
            <li><a href="shortcodes-toggles.html">Toggles</a></li>
                                                                                            
            <li><a href="shortcodes-tabs.html">Tabs</a></li>
                                                                                            
            <li><a href="shortcodes-icons.html">Icons</a></li>
                                                                                            
            <li><a href="shortcodes-icon-boxes.html">Icon Boxes</a></li>
                                                                                            
            <li><a href="shortcodes-carousels.html">Carousels</a></li>
                                                                                            
            <li><a href="shortcodes-modals.html">Modals</a></li>
                                                                                            
            <li><a href="shortcodes-lightboxes.html">Lightboxes</a></li>
                                                                                        
         </ul>
                                                                                 
      </div>
                                                                              
      <div class="col-md-3">
        <span class="dropdown-mega-sub-title">Shortcodes 2</span>
                                                                                     
         <ul class="dropdown-mega-sub-nav">
                                                                                            
            <li><a href="shortcodes-buttons.html">Buttons</a></li>
                                                                                            
            <li><a href="shortcodes-labels.html">Labels</a></li>
                                                                                            
            <li><a href="shortcodes-lists.html">Lists</a></li>
                                                                                            
            <li><a href="shortcodes-image-gallery.html">Image Gallery</a></li>
                                                                                            
            <li><a href="shortcodes-image-frames.html">Image Frames</a></li>
                                                                                            
            <li><a href="shortcodes-testimonials.html">Testimonials</a></li>
                                                                                            
            <li><a href="shortcodes-blockquotes.html">Blockquotes</a></li>
                                                                                            
            <li><a href="shortcodes-word-rotator.html">Word Rotator</a></li>
                                                                                        
         </ul>
                                                                                 
      </div>
                                                                              
      <div class="col-md-3">
          <span class="dropdown-mega-sub-title">Shortcodes 3</span>
                                                                                     
         <ul class="dropdown-mega-sub-nav">
                                                                                            
            <li><a href="shortcodes-call-to-action.html">Call to Action</a></li>
                                                                                            
            <li><a href="shortcodes-pricing-tables.html">Pricing Tables</a></li>
                                                                                            
            <li><a href="shortcodes-tables.html">Tables</a></li>
                                                                                            
            <li><a href="shortcodes-progressbars.html">Progress Bars</a></li>
                                                                                            
            <li><a href="shortcodes-counters.html">Counters</a></li>
                                                                                            
            <li><a href="shortcodes-sections-parallax.html">Sections &amp; Parallax</a></li>
                                                                                            
            <li><a href="shortcodes-tooltips-popovers.html">Tooltips &amp; Popovers</a></li>
                                                                                            
            <li><a href="shortcodes-sticky-elements.html">Sticky Elements</a></li>
                                                                                        
         </ul>
                                                                                 
      </div>
                                                                              
      <div class="col-md-3">
         <span class="dropdown-mega-sub-title">Shortcodes 4</span>
                                                                                     
         <ul class="dropdown-mega-sub-nav">
                                                                                            
            <li><a href="shortcodes-headings.html">Headings</a></li>
                                                                                            
            <li><a href="shortcodes-dividers.html">Dividers</a></li>
                                                                                            
            <li><a href="shortcodes-animations.html">Animations</a></li>
                                                                                            
            <li><a href="shortcodes-medias.html">Medias</a></li>
                                                                                            
            <li><a href="shortcodes-maps.html">Maps</a></li>
                                                                                            
            <li><a href="shortcodes-arrows.html">Arrows</a></li>
                                                                                            
            <li><a href="shortcodes-alerts.html">Alerts</a></li>
                                                                                            
            <li><a href="shortcodes-posts.html">Posts</a></li>
                                                                                        
         </ul>
                                                                                 
      </div>
                                                                          
   </div>
                                                                   
</div>

ورود

ساخت مگا منو بدون استفاده از افزونه

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

Sinapars 0

لینک به ارسال

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

فهرست بخش ها

فعالیت ها