Как сделать выпадающее меню с текстом на Wordpress?

Question

[Глеб Клименко]

Здравствуйте, мне нужно реализовать выпадающее меню на Wordpress, но, как я понял, здесь все ограничивается лишь добавлением ссылок в выпадающую менюшку. А мне нужно, чтобы рядом со ссылками мог быть еще текст, может изображения какие-нибудь. Вот так, как на приложенной картинке. Как можно реализовать такое без сторонних плагинов?

Comments

[Антон Литвиненко]

в помощь плагины типа MEGA MENU

Answer 1

[denn]

Без плагинов тебе путь в файл sidebar.php. Но это еще и зависит от темы. У некоторых файлы подобные отсутствуют и надо искать в functions.php.

Comments

[Глеб Клименко]

У меня своя тема

Answer 2

[Владислав Черненко]

1. Собрать кастомное меню чрез ACF.
2. Плагины по типу Mega Menu.

Comments

[Глеб Клименко]

а можно про ACF поподробнее, как это можно сделать?

[Владислав Черненко]

Eigo, через повторитель, например.
Долго тут все обьясныть... Вот недавно делал похожее:

<?php if( have_rows('top-menu-wrap','option') ){ ?>
<ul class="top-menu">
   <?php while ( have_rows('top-menu-wrap','option') ) { the_row(); ?>
   <li class="menu-item <?php if( get_sub_field('top-menu-wrap-2') ){ echo 'has-sub'; } ?>">
      <a href="<?php the_sub_field('top-menu-1lvl-link'); ?>"><?php the_sub_field('top-menu-1lvl-text'); ?></a>
      <?php if( have_rows('top-menu-wrap-2') ){ ?>
      <div class="sub-menu">
         <div class="container">
            <?php while ( have_rows('top-menu-wrap-2') ) { the_row(); ?>
            <div class="row">
               <div class="sub-menu-title"><?php the_sub_field('top-menu-2lvl-title'); ?></div>
               <?php
                  $menu_id = get_sub_field('top-menu-2lvl');
                  $args = array(
                  	'container'=> '',
                  	'menu_class' => 'sub-inner-menu',
                  	'menu' => $menu_id,
                  );		
                  wp_nav_menu($args);
                  ?>
            </div>
            <?php } ?>
            <?php if( get_sub_field('top-menu-banner-link') ){ ?>
            <div class="menu-banner">
               <a href="<?php the_sub_field('top-menu-banner-link'); ?>"><img src="<?php the_sub_field('top-menu-banner-img'); ?>" alt=""></a>
            </div>
            <?php } ?>
         </div>
      </div>
      <?php } ?>
   </li>
   <?php } ?>
</ul>
<?php } ?>

Если есть опыт с таким, то разберетесь, цикл готов - просто создать поля) И еще вам понадобится Advanced Custom Fields: Menu Chooser, для выбора готовых подменюшек.
На выхлопе такое: