Pokaż Rodziców i 1 poziom kategorii DZIECKO na liście rozwijanej Wordpress

Question

Mam obecnie ten kod, który pokazuje wszystkie kategorie nadrzędne na liście rozwijanej.

kod HTML/PHP

<ul> 
    <?php 
    $args = array(
    'orderby' => 'name', 
    'hierarchical' => 1, 
    'taxonomy' => 'category', 
    'hide_empty' => 0, 
    'parent' => 0, 
    ); 
    $categories = get_categories($args); 
    foreach($categories as $category) { 
    echo '<li><a href="' . get_category_link($category->cat_ID) . '" title="' . $category->name . '">' . $category->name . '</a></li>'; 
    } 
    ?> 
</ul> 

Nie ma problemu z poniższym kodzie. Właściwie to działa idealnie! Możesz to zobaczyć tutaj na stronie mojej wordpress: www.bendaggers.com

Co chcę teraz osiągnąć, to w jaki sposób mogę dodać dziecko pierwszego rodzica do rodzica, tak jak pokazano to na obrazku 1 poniżej z takim samym skutkiem.

Obrazek 1 - Próbka

To jest to, co chcę osiągnąć, gdy użytkownik najedzie na wymienionych Nadrzędna kategoria, wyświetli jego kategorię poziomie dziecka 1st jak pokazano na poniższej ilustracji.

Obraz 2 - Próbka Rodzic/Kategoria hierarchii.

Nawiasem mówiąc, muszę działający kod PHP, HTML i CSS również.

Bardzo dziękuję za pomoc i wysiłek, dziękuję bardzo!

Niektóre dodatkowe informacje, które mogą być przydatne.

• Strona jest witryną wordpress.
• Wszystkie posty są odpowiednio kategoryzowane (rodzice, kategoria dzieci pierwszego poziomu jest odpowiednio podzielona na kategorie).

Answer 1

Można wykonać funkcję do sprawdzenia Jeśli kategoria nadrzędna ma kategorię podrzędną i przekazuje termin nadrzędny do nowo utworzonej funkcji. skopiuj swój kod ucisku i wykonaj funkcję i wklej ją w swojej niestandardowej funkcji.

I dostać kategoria nadrzędna (należy dokonać niestandardową funkcję pierwszego dostać pænt termin) i przekazać ten termin do drugiego niestandardowych funkcji

Answer 2

Spójrz na wp_list_categories() funkcji. Zastąp cały podany tutaj kod tym. wp_list_categories(array('title_li' => '')); Dodaj to do arkusza stylów.

.cat-item { 
    list-style-type: none; 
    position: relative; 
} 
.cat-item .children { 
    display: none; 
    position: absolute; 
    top: 0; 
} 
.cat-item:hover > .children { 
    display: block; 
} 

Answer 3

Czy odwołałeś się do funkcji wordpress wp_nav_menu?

można znaleźć tutaj wordpress NAV

https://codex.wordpress.org/Function_Reference/wp_nav_menu

I tu jest przewodnikiem dla wielu poziomów menu.

https://codex.wordpress.org/WordPress_Menu_User_Guide