Как сделать хлебные крошки php

Изучите простой, но мощный способ создания хлебных крошек для навигации посредством PHP. Пример кода и подробное объяснение дадут вам понимание процесса.

Хлебные крошки необходимы для подсветки навигационной структуры веб-сайта и служат навигационным элементом, позволяющим пользователям перемещаться по текущему разделу сайта и возвращаться на предыдущие страницы. Реализовать их можно с помощью PHP. Ниже приведен пример реализации хлебных крошек на PHP.

Создание хлебных крошек на PHP

Начнем с создания массива с элементами хлебных крошек. Каждый элемент должен содержать название страницы и ее URL. Например:

$breadcrumbs = array(
  array('title' => 'Главная', 'url' => '/'),
  array('title' => 'Каталог', 'url' => '/catalog/'),
  array('title' => 'Телевизоры', 'url' => '/catalog/televizory/')
);

Для вывода хлебных крошек на странице мы можем использовать цикл foreach:

echo '<ul>';
foreach ($breadcrumbs as $item) {
  echo '<li><a href="'.$item['url'].'">'.$item['title'].'</a></li>';
}
echo '</ul>';

Такой подход позволяет легко менять структуру хлебных крошек. Например, для добавления ссылки на страницу «Доставка» в хлебные крошки с помощью цикла foreach достаточно добавить новый элемент в массив:

$breadcrumbs[] = array('title' => 'Доставка', 'url' => '/delivery/');

Также можно добавить немного CSS, чтобы хлебные крошки были более красивыми и понятными для пользователей:

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

ul.breadcrumbs li {
  display: inline-block;
}

ul.breadcrumbs li a {
  display: block;
  padding: 5px 10px;
  background: #e7e7e7;
  color: #000;
  text-decoration: none;
  border-radius: 5px;
}

ul.breadcrumbs li a:hover {
  background: #ccc;
}

Теперь хлебные крошки будут выглядеть красиво и будут понятны для пользователей. Мы реализовали вывод хлебных крошек на сайте с помощью PHP.