Eine Breadcrumb-Navigation ohne Plugin erstellen - PHP

Einleitung

Eine Breadcrumb-Navigation ist ein nützliches Navigationselement, das Benutzern hilft, ihre Position auf einer Website zu verstehen und zu navigieren. Es wird oft verwendet, um den Benutzern zu zeigen, wo sie sind und wie sie dorthin gelangt sind.

In diesem Artikel erklären wir, wie man eine Breadcrumb-Navigation ohne Plugin in PHP erstellt.

Schritte

1. Ein Array mit der Hierarchie der Navigation erstellen.
2. Überprüfen, ob der aktuelle Pfad mit dem ersten Element des Navigations-Arrays übereinstimmt.
3. Wenn ja, das entsprechende Element hervorheben und den Link deaktivieren.
4. Eine Schleife verwenden, um durch das Array zu iterieren und jedes Element hinzuzufügen.
5. Den Code in eine wiederverwendbare Funktion packen.

Schritt 1 - Ein Array mit der Hierarchie der Navigation erstellen

$navigation = [
    [
        'label' => 'Home',
        'url' => '/',
        'active' => false,
    ],
    [
        'label' => 'Category 1',
        'url' => '/category-1/',
        'active' => false,
    ],
    [
        'label' => 'Subcategory 1.1',
        'url' => '/category-1/subcategory-1-1/',
        'active' => true,
    ],
];

Schritt 2 - Überprüfen, ob der aktuelle Pfad mit dem ersten Element des Navigations-Arrays übereinstimmt.

if ($_SERVER['REQUEST_URI'] === $navigation[0]['url']) {
    $navigation[0]['active'] = true;
}

Schritt 3 - Wenn ja, das entsprechende Element hervorheben und den Link deaktivieren.

<a href="<?php echo $navigation[0]['url'] ?>" <?php echo ($navigation[0]['active'] ? 'aria-current="page" class="active"' : '') ?>>
    <?php echo $navigation[0]['label'] ?>
</a>

Schritt 4 - Eine Schleife verwenden, um durch das Array zu iterieren und jedes Element hinzuzufügen.

echo '<nav aria-label="Breadcrumb">';
echo '<ol class="breadcrumb">';

foreach ($navigation as $navItem) {
    echo '<li class="breadcrumb-item"><a href="' . $navItem['url'] . '" ' . ($navItem['active'] ? 'aria-current="page" class="active"' : '') . '>' . $navItem['label'] . '</a></li>';
}

echo '</ol>';
echo '</nav>';

Schritt 5 - Den Code in eine wiederverwendbare Funktion packen.

function generateBreadcrumbs($navigation) {
    echo '<nav aria-label="Breadcrumb">';
    echo '<ol class="breadcrumb">';

    foreach ($navigation as $navItem) {
        echo '<li class="breadcrumb-item"><a href="' . $navItem['url'] . '" ' . ($navItem['active'] ? 'aria-current="page" class="active"' : '') . '>' . $navItem['label'] . '</a></li>';
    }

    echo '</ol>';
    echo '</nav>';
}

generateBreadcrumbs($navigation);

Fazit

Das Erstellen einer Breadcrumb-Navigation ohne Plugin in PHP ist eine nützliche Fähigkeit, die jeder Entwickler beherrschen sollte. Mit den oben genannten Schritten können Sie mühelos eine Breadcrumb-Navigation in Ihre Webanwendung einbinden.