Hvordan vise brødsmule-stil kategorinavigasjon? Hent overordnede og underordnede kategorier programmatisk. Ferdig kode.
NB

Vis gjeldende og overordnet kategori i WordPress

5.00 /5 - (25 votes )
Sist verifisert: 1. mai 2026
2min lesetid
Veiledning
Full-stack-utvikler

Når du bygger egendefinerte WordPress-temaer, trenger du ofte å vise ikke bare den gjeldende kategorien, men også dens overordnede kategori (for brødsmulenavigasjon eller hierarkiske menyer).

WordPress lagrer kategorier i en hierarkisk struktur, men get_the_category() returnerer en flat array. Slik trekker du ut hierarkiet.

#Metode: Get_the_category() + overordnet sjekk

Her er en ferdig funksjon du kan lime inn i functions.php:

function wppoland_get_category_hierarchy() {
    $categories = get_the_category();
    
    if ( empty( $categories ) ) {
        return false;
    }
    
    // Hent den første kategorien
    $category = $categories[0];
    
    $output = '';
    
    // Hvis kategorien har en overordnet
    if ( $category->parent ) {
        $parent = get_category( $category->parent );
        $output .= '<a href="' . esc_url( get_category_link( $parent->term_id ) ) . '">' . esc_html( $parent->name ) . '</a> &raquo; ';
    }
    
    // Gjeldende kategori
    $output .= '<a href="' . esc_url( get_category_link( $category->term_id ) ) . '">' . esc_html( $category->name ) . '</a>';
    
    return $output;
}

#Bruk i mål

<?php
$hierarchy = wppoland_get_category_hierarchy();
if ( $hierarchy ) {
    echo '<div class="category-breadcrumb">' . $hierarchy . '</div>';
}
?>

Dette vil gi ut noe som: Teknologi » WordPress

#Alternativ: Full brødsmulessti

Hvis du trenger hele hierarkiet (besteforelder, forelder, barn), bruk denne rekursive tilnærmingen:

function wppoland_get_full_category_trail( $category_id ) {
    $trail = array();
    
    while ( $category_id ) {
        $category = get_category( $category_id );
        array_unshift( $trail, $category );
        $category_id = $category->parent;
    }
    
    $output = '';
    foreach ( $trail as $cat ) {
        $output .= '<a href="' . esc_url( get_category_link( $cat->term_id ) ) . '">' . esc_html( $cat->name ) . '</a> &raquo; ';
    }
    
    return rtrim( $output, ' &raquo; ' );
}

Denne løsningen er ren, effektiv og håndterer flernivå kategorihierarkier riktig.

Utforsk våre profesjonell WordPress-utvikling for å ta prosjektet ditt videre.

Neste steg

Gjor artikkelen om til faktisk implementering

Denne blokken styrker intern lenking og sender leseren videre til de mest relevante tjenestene og innholdet.

Vil du fa dette implementert pa nettstedet ditt?

Hvis du vil gjore kunnskapen i artikkelen om til konkrete forbedringer, redesign eller en tydelig leveranseplan, kan jeg ta det videre.

Relevant klynge

Utforsk andre WordPress-tjenester og kunnskapsbase

Styrk virksomheten din med profesjonell teknisk støtte innen kjerneområdene i WordPress-økosystemet.

Artikkel-FAQ

Ofte stilte spørsmål

Praktiske svar for å bruke temaet i faktisk arbeid.

SEO-ready GEO-ready AEO-ready 3 Q&A
Hvordan henter jeg gjeldende kategori i WordPress?
Bruk get_the_category() i løkken for å hente kategoriene som er knyttet til innlegget. Derfra kan du velge primærkategori eller bygge hele stien.
Hvordan viser jeg overordnet kategori også?
Når du har kategoriobjektet, kan du sjekke parent-feltet og hente overordnet kategori med get_category(). For flere nivåer bruker du en rekursiv løkke.
Er dette nyttig for breadcrumb-navigasjon?
Ja. Dette er en enkel måte å bygge breadcrumb-lignende navigasjon i temaet uten tunge plugins, særlig i egendefinerte maler.

Trenger du FAQ tilpasset bransje og marked? Vi lager en versjon som støtter dine forretningsmål.

Ta kontakt

Relaterte artikler

Trenger du å hente URL-en til det første bildet eller lenken i en artikkel? Bruk regulære uttrykk (Regex) eller DOMDocument. Kode for utviklere.
development

Hvordan trekke ut den første lenken fra innleggsinnhold (PHP snippet)

Trenger du å hente URL-en til det første bildet eller lenken i en artikkel? Bruk regulære uttrykk (Regex) eller DOMDocument. Kode for utviklere.

Hvordan målrette spesifikke deler av nettstedet ditt med CSS. En snutt for å legge til forelder-side-slugs i <body>-klasseattributtet.
wordpress

Legge til forelder-side-slug i body-klasser (WordPress-snutt)

Hvordan målrette spesifikke deler av nettstedet ditt med CSS. En snutt for å legge til forelder-side-slugs i <body>-klasseattributtet.

Slutt å skrive trege løkker. Mestre `tax_query` med komplekse relasjoner (AND/OR), optimaliser ytelsen med `no_found_rows` og filtrer Custom Post Types som en proff.
development

Avansert wp_Query: Taksonomier, meta-data og ytelse (2026)

Slutt å skrive trege løkker. Mestre `tax_query` med komplekse relasjoner (AND/OR), optimaliser ytelsen med `no_found_rows` og filtrer Custom Post Types som en proff.