Распаковка двух столбцов для панели инструментов WordPress

Это началось как нечто вроде «легкого», но я в тупике. Я создал плагин, который удаляет все узлы из панели инструментов WordPress, а затем добавляет три новых родительских узла. Один из родительских узлов имеет 20 дочерних узлов. Я хотел бы, чтобы дочерние узлы были в двух столбцах, а не по умолчанию для одного столбца.

Например, предположим, что идентификатор вашего канала новостей и другой идентификатор разговоров должны быть во втором столбце. Ниже CSS получает их вправо, но опускается ниже остальных. Трудность заключается в отсутствии нескольких div для использования CSS и только самого списка li.

li#wp-admin-bar-your-news-feed { float: right; margin-top: 0; margin-left:150px; } li#wp-admin-bar-conversations { float: right; margin-top: 0; margin-left:150px; } 

На всякий случай это необходимо, вот соответствующий PHP-код для родительского и дочернего узлов.

  if ( is_user_logged_in() ) { // Alerts $alerts = array( 'id' => 'alerts-unread', 'title' => 'Alerts', 'href' => XenWord::getBoardUrl() . XenForo_Link::buildPublicLink( '/account/alerts' ) ); $wp_admin_bar->add_node( $alerts ); // Inbox $wp_admin_bar->add_node( array( 'id' => 'xf-inbox', 'title' => __( 'Inbox' ), 'href' => XenWord::getBoardUrl() . XenForo_Link::buildPublicLink( '/conversations' ) ) ); // Add username as a parent to the WordPress Toolbar $wp_admin_bar->add_node( array( 'id' => 'display-username', 'title' => $visitor['username'] ) ); // Add Personal Details $wp_admin_bar->add_node( array( 'id' => 'personal-details', 'title' => __( 'Personal Details' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('account/personal-details') ) ); // Add Signature $wp_admin_bar->add_node( array( 'id' => 'signature', 'title' => __( 'Signature' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('account/signature') ) ); // Add Contact Details $wp_admin_bar->add_node( array( 'id' => 'contact-details', 'title' => __( 'Contact Details' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('account/contact-details') ) ); // Add Privacy $wp_admin_bar->add_node( array( 'id' => 'privacy', 'title' => __( 'Privacy' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('account/privacy') ) ); // Add Preferences $wp_admin_bar->add_node( array( 'id' => 'preferences', 'title' => __( 'Preferences' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('account/preferences') ) ); // Add Alert Preferences $wp_admin_bar->add_node( array( 'id' => 'alert-preferences', 'title' => __( 'Alert Preferences' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('account/alert-preferences') ) ); // Add Avatar $wp_admin_bar->add_node( array( 'id' => 'avatar', 'title' => __( 'Avatar' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('account/avatar') ) ); // Add Security $wp_admin_bar->add_node( array( 'id' => 'security', 'title' => __( 'Password' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('account/security') ) ); // Second Column // Add Your News Feed $wp_admin_bar->add_node( array( 'id' => 'your-news-feed', 'title' => __( 'Your News Feed' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('account/news-feed') ) ); // Add Conversations $wp_admin_bar->add_node( array( 'id' => 'conversations', 'title' => __( 'Conversations' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('/conversations') ) ); // Add Alerts $wp_admin_bar->add_node( array( 'id' => 'sub-alerts', 'title' => __( 'Alerts' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('account/alerts') ) ); // Add Like's You've Received $wp_admin_bar->add_node( array( 'id' => 'sub-likes', 'title' => __( 'Likes You\'ve Received' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('account/likes') ) ); // Add Your Content $wp_admin_bar->add_node( array( 'id' => 'sub-your-content', 'title' => __( 'Your Content' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('search/member') . '?user_id=' . $visitor['user_id'] ) ); // Add People You Follow $wp_admin_bar->add_node( array( 'id' => 'people-you-follow', 'title' => __( 'People You Follow' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('account/following') ) ); // Add People You Ignore $wp_admin_bar->add_node( array( 'id' => 'people-you-ignore', 'title' => __( 'People You Ignore' ), 'parent' => 'display-username', 'href' => XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink('account/ignored') ) ); // Add Logout to parent 'display username' $logout_url = XenWord::getBoardUrl() . '/' . XenForo_Link::buildPublicLink( 'logout', $visitor, array( '_xfToken' => $visitor['csrf_token_page'], 'redirect' => $redirect ) ); $wp_admin_bar->add_node( array( 'id' => 'xf-logout', 'title' => __( 'Log Out' ), 'parent' => 'display-username', 'href' => $logout_url ) ); } 

Я прошу прощения, если это кажется очевидным (и Googling), но после суеты в течение некоторого времени возможность двух столбцов ускользает от меня. Я пропустил еще одно место, чтобы сначала расширить раскрытие?

Solutions Collecting From Web of "Распаковка двух столбцов для панели инструментов WordPress"