Как я могу разделить неосновное меню основного домена мультисайта на все поддомены в виде вкладок в виде ссылок?

К сожалению, у меня нет слишком много времени, чтобы тратить на это, но, надеюсь, вы или кто-то из ваших знакомых поможет конкретизировать это.

Я добавил кучу комментариев, которые, надеюсь, должны объяснить большинство вещей. Вам просто нужно подключить идентификаторы для каждого сайта, которые вы найдете в многосайтовом бэкэнде. Этот код выведет неупорядоченный список с одной записью на сайт, а текущий сайт будет иметь специальный класс. Вы, вероятно, захотите добавить несколько дополнительных классов, но, надеюсь, этого достаточно, чтобы хоть куда-то добраться.

// Just the Site IDs from WordPress
$siteIds = [2, 3, 4];

// This will hold <li> tags for each
$menuItems = [];
foreach ($siteIds as $siteId) {

    // Get the WordPress WP_Site object
    $site = get_site($siteId);

    // Sanity check that it was found and public
    if (!$site || !$site->public) {
        continue;
    }

    // Optional attributes classes on the <li>, default none
    $extraAttributes = '';

    // For the current site, add a class
    if ($siteId === get_current_blog_id()) {
        $extraAttributes = ' class="current-site"';
    }

    // Append an HTML node
    $menuItems[] = sprintf(
        '<li %3$s><a href="%2$s">%1$s</a></li>',
        esc_html($site->blogname),
        esc_attr($site->siteurl),
        $extraAttributes
    );
}

// Make sure the above worked
if ($menuItems) {
    // Output wrapped
    echo '<ul>' . implode('', $menuItems) . '</ul>';
}

Теперь я пошел дальше и добавил свое новое расположение в меню под названием Глобальная верхняя панель, используя в своих основных доменах следующее: Дочерняя тема › Функции. .php файл:

function register_new_menu_location() {
   register_nav_menu('global-menu-location',__( 'Global Top Bar' ));
}
add_action( 'init', 'register_new_menu_location' );

Я также создал свое меню с именем Общее меню и пометил, чтобы оно отображалось во вновь созданном месте.

Затем я зашел в файл Child Theme › Header.php и добавил следующее, которое, кажется, работает:

switch_to_blog(1);
wp_nav_menu( array(
    'menu' => '16',
    'container_class' => 'GlobalMenuContainerClass',
    'menu_class' => 'GlobalMenuClass'
) );
restore_current_blog();

Меню «16» — это идентификатор моего меню, найденный в моем основном домене. Это отображает меню для всех поддоменов следующим образом:

Я добавил немного CSS, чтобы немного оживить его и сделать его более похожим на вкладки, используя следующий код CSS:

.GlobalMenuContainerClass {
  height: 45px;
  padding-top: 8px;
  padding-right: 100px;
  padding-left: 100px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background: #cc2325;
}

.GlobalMenuClass {
  list-style: none;
  margin: 0;
  padding: 0;
}

.GlobalMenuClass li a {
  text-decoration: none;
  float: left;
  margin-right: 5px;
  color: white;
  border: 1px solid #777777;
  padding: 5px 10px 5px 10px;
  min-width: 100px;
  text-align: center;
  display: block;
  background: #777777;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.GlobalMenuClass li a:hover:not(.active) {
  background: #4e4e4e;
  border: 1px solid #4e4e4e;
}

.active {
  background: white;
  color: black;
  border: 1px solid white;
}

И вот как это выглядит сейчас:

Вы можете видеть, что есть другой цвет при наведении для вкладок более темно-серого цвета, но я еще не реализовал CSS для вкладок .active. Пока не совсем уверен, как я это сделаю.

Надеюсь, это может помочь другим в подобной ситуации.