Inurl php own menu id виплати. Багаторівневе меню на PHP та MySQL. #7 Додамо CSS класи до всіх меню

Порядок прямування в масиві буде зберігатися при виведенні меню на сайті. Тобто масив треба заповнювати у порядку, в якому потрібно виводити меню.

Примітка:
Якщо URL (адреса) заголовком розділів мають вигляд:
/razdel_1
або такий
/razdel_1/nazvanie_razdela.html
то в array_menu потрібно записувати точний збіг:
$array_menu[$i]["url"]="/razdel_1"
або для другого випадку:
$array_menu[$i]["url"]="/razdel_1/nazvanie_razdela.html";

Як працює перший варіант меню?
Він підсвічує меню лише, якщо Ви знаходитесь за адресою розділу. Наприклад, якщо адреса сторінки буде /razdel_1/articles_1.html, то меню ніяк не підсвічуватиметься.

Другий варіант коду є модифікованим варіантом першого та передбачає можливість підсвічування меню навіть у статтях, які знаходяться у розділах.

Другий варіант коду меню на PHP

"; for ($i=0;$i ": "

"; echo "".$array_menu[$i]["title"]."

"; ) else ( echo ($URL) == ($array_menu[$i]["url"]) ? "

": "

"; echo "".$array_menu[$i]["title"]."

";)) echo""; ?>

Виводить довільне меню, створене на панелі: "Зовнішній вигляд > меню" (Appearance > Menus).

Яке саме меню навігації виводити (їх може бути кілька), вказується у параметрі theme_location .

Якщо не вказано параметр theme_location , то меню для виводу підбиратиметься в такому порядку:

Меню, що підходить за ID, налаштуванням або описом переданим у параметрі "menu" і якщо в цьому меню є хоч одне посилання (один елемент);

інакше, перше не пусте меню;

або, виведе значення, що повертається функцією вказаною в параметрі "fallback_cb" (за замовчуванням там вказано функція wp_page_menu);

1. якщо нічого не підійшло, функція нічого не виведе.

Щоб тема підтримувала меню, потрібно увімкнути цю можливість за допомогою:
add_theme_support("menus");

Або можна зареєструвати місце для меню за допомогою register_nav_menu() , тоді підтримка меню темою ввімкнеться автоматично.

Фільтри зміни елемента меню

• add_filter("wp_nav_menu_args", "my_wp_nav_menu_args"); function my_wp_nav_menu_args($args = "")( $args["container"] = false; return $args; )

  #4.1. Видалимо контейнер, тільки в одного меню, що виводиться

  "" ]); ?>

  #5 Видалимо ul обгортку

  Цей приклад видаляє обгортку тега ul у меню:

  "% 3 $ s"]); ?>

  #6 Додамо слово на початок меню

  Цей приклад показує, як додати слово на початок списку меню, у вигляді того ж елемента меню, тільки не посилання. Додамо на початок меню, слово "Список", а також вкажемо атрибут id створеному тегу li:

  "primary", "items_wrap" => "

  • Перелік:
  %3$s
  " ]); ?>

  #7 Додамо CSS класи до всіх меню

  Використовуючи хук, ми можемо додати свої CSS класи, якщо дотримується потрібна нам умова.

  Додамо CSS клас, якщо ця пост і назва елемента меню дорівнює "blog":

  Add_filter("nav_menu_css_class", "special_nav_class", 10, 2); function special_nav_class($classes, $item)( if(is_single() && $item->title == "Blog"){ $classes = "special-class"; } return $classes; } !}

  #8 Використання своєї функції для побудови меню

  По-перше, потрібно вказати аргумент "walker" => new Your_Walker_Function .

  Your_Walker_Function – це наш новий клас, який будує меню. Щоб не винаходити велосипед, можна скопіювати її з оригіналу, див. клас Walker_Nav_Menu . Копіюємо код класу і просто виправляємо його там де потрібно.

  Ось приклад, що додає глибину меню та парні/непарні CSS класи до елементів меню (обом ul і li):

  // свій клас побудови меню: class magomra_walker_nav_menu extends Walker_Nav_Menu ( // add classes to ul sub-menus function start_lvl(&$output, $depth) t", $depth) : ""); // code indent $display_depth = ($depth + 1); // because it counts the first submenu as $classes = array("sub-menu", ($display_depth % 2 ? "menu-odd" : "menu-even"), ($display_depth >=2 ? "sub-sub-menu" : ""), "menu-depth-" . " ", $classes); // build html $output .= "\n" . $indent . "

  " . \n"; ) // add main/sub classes to li"s and links function start_el(&$output, $item, $depth, $args) ( global $wp_query; $indent = ($depth > 0 ? str_repeat("\t", $depth) : ""); item"), ($depth >=2 ? "sub-sub-menu-item" : ""), ($depth % 2 ? "menu-item-odd" : "menu-item-even"), "menu -item-depth-" . $depth); $depth_class_names = esc_attr(implode(" ", $depth_classes)); // passed classes $classes = empty($item->classes) ? array() : (array) $ item->classes; $class_names = esc_attr(implode(" ", apply_filters("nav_menu_css_class", array_filter($classes), $item))); // build html $output.= $indent .
  • ID. "" class="" . $depth_class_names . " ". $class_names . "">"; // link attributes $attributes = ! empty($item->attr_title) ? "title="" . esc_attr($item->attr_title) .""" : ""; $attributes .= ! empty($item->target) ? " target="" . esc_attr($item->target) .""" : ""; $attributes .= ! empty($item->xfn) ? " rel="" . esc_attr($item->xfn) .""" : ""; $attributes .= ! empty($item->url) ? " href="" . esc_attr($item->url) .""" : ""; $attributes .= " class="menu-link " . ($depth > 0 ? "sub-menu-link" : "main-menu-link") . """; $item_output = sprintf("%1$s %3$s%4$s%5$s%6$s", $args->before, $attributes, $args->link_before, apply_filters("the_title", $item->title, $item->ID), $args->link_after, $args-> after); // build html $output. = apply_filters("walker_nav_menu_start_el", $item_output, $item, $depth, $args); // main navigation menu $args = array("theme_location" => "navigation_menu_primary", "container" => "div", "container_id" => "top-navigation-primary", "container_class" => "top-navigation ", "menu_class" => "menu main-menu menu-depth-0 menu-even", "echo" => true, "items_wrap" => "", "depth" => 10, "walker" => new magomra_walker_nav_menu);// print menu wp_nav_menu($args);

    #9 Окремі меню для авторизованих користувачів

    If (is_user_logged_in()) ( wp_nav_menu(array("theme_location" => "logged-in-menu")); ) else ( wp_nav_menu(array("theme_location" => "logged-out-menu")));

    В адмінці потрібно створити 2 різних меню та прикріпити їх до відповідних локацій (областей).

    #10 CSS клас для батьківських елементів меню

    Якщо потрібно додати CSS клас для елементів меню, які мають дочірні (складені списки посилань), то робимо так:

    Add_filter("wp_nav_menu_objects", "css_for_nav_parrent"); function css_for_nav_parrent($items)( foreach($items as $item)( if(__nav_hasSub($item->ID, $items)) $item->classes = "menu-parent-item"; // всі елементи поля " classes" меню, будуть поєднані та виведені в атрибут class HTML тега

  • ) return $items; ) function __nav_hasSub($item_id, $items)( foreach($items as $item)( if($item->menu_item_parent && $item->menu_item_parent == $item_id) return true; ) return false; )

    #11 Додавання класу до окремих елементів меню

    З версії 4.1.

    З'явився спеціальний хук для цього: nav_menu_css_class . І тепер класи можна додавати чи видаляти через нього. Для прикладу давайте додамо клас my__class до всіх елементів меню:

    Add_filter("nav_menu_css_class", "add_my_class_to_nav_menu", 10, 2); function add_my_class_to_nav_menu($classes, $item)( /* $classes містить Array( => menu-item => menu-item-type-post_type => menu-item-object-page => menu-item-284) */ $classes = "my__class"; return $classes; )

    До версії 4.1.

    Класи елементів меню додаються функцією _wp_menu_item_classes_by_context(&$menu_items); . Але на жаль у ній не передбачено жодних фільтрів, щоб додати свій клас. Тому підемо обхідним шляхом і використовуємо милицю str_replace() :

    // отримуємо, а не виводимо меню $menu = wp_nav_menu(array("echo" => 0,)); // додаємо до всіх пунктів клас my__class $menu = str_replace("class="menu-item", "class="menu-item my__class", $menu); // Виводимо на екран echo $menu;

    #12 Виводити меню, тільки якщо воно існує

    За замовчуванням, якщо меню немає, замість нього будуть виведені сторінки сайту. Але якщо потрібно виводити меню, тільки якщо воно створене в адмін-панелі, вкажіть параметр fallback_cb як "__return_empty_string" :

    Wp_nav_menu(array("theme_location" => "primary-menu", "fallback_cb" => "__return_empty_string"));

    #13 Виведення лише підпункту меню

    Допустимо, є перший рівень і у кожного з елементів першого рівня є своє підменю. Нам потрібно вивести таке підменю у пункту з класом menu-item-135:

    ## Вирізаємо всі LI потрібного submenu і виводимо їх у своєму UL блоці $menu = wp_nav_menu(array("theme_location" => "header_menu", "container" => "", "echo" => 0,)); $regex_part = preg_quote("menu-item-135"); // виведемо підменю пункту "gotovye-resheniya" preg_match("~". $regex_part .".*sub-menu[^>]+>(.*?)

  ~s", $menu, $mm); if(!empty($mm)) echo "";

  Не дуже оптимальний, але робочий приклад. Іноді може стати в нагоді, для маловідвідуваних сайтів де потрібно швидко отримати результат.

  CSS класи елементів меню

  Наступні класи CSS додаються до елементів меню (розділ за умовами на яких сторінках знаходиться користувач):

  Для всіх елементів на всіх сторінках

  .menu-item- до всіх елементів меню;

  .menu-item-object-(object)- до всіх елементів, де (object) замінитися на назву типу запису чи таксономії:
  .menu-item-object-category (для категорій)
  .menu-item-object-tag (для тегів)
  .menu-item-object-page (для постійних сторінок)
  .menu-item-object-(custom)

  • .menu-item-type-(type)- до всіх елементів меню, де (type) замінити тип посилання (запис чи таксономія). Групує всі типи посилань:
    .menu-item-type-post_type (постійна сторінка, довільний тип запису)
    .menu-item-type-taxonomy (категорія, мітка або довільна таксономія)

  Для елементів поточної сторінки

  • .current-menu-item- якщо посилання в меню збігається з адресою сторінки, що переглядається. Поточна сторінка.

  Для батьківських елементів для перегляданої сторінки

  • .current-menu-parent
  • .current-(object)-ancestor
  • .current-(type)-ancestor

  Для елементів якось пов'язаних зі сторінкою, що переглядається

  • .current-menu-ancestor
  • .current-(object)-ancestor
  • .current-(type)-ancestor

  Для елементів, пов'язаних з головною сторінкою сайту

  • .menu-item-home

  Сумісність із функцією wp_page_menu()

  • .page_item
  • .page-item-$ID
  • .current_page_item
  • .current_page_parent
  • .current_page_ancestor

  Об'єкт $item

  Параметри $item

  У прикладах часто використовується елемент меню $item. Нижче показано майже всі параметри цього елемента:

  Поле	Опис
  ID	ID елементу меню
  menu_item_parent	ID батьківського елемента меню
  classes	масив класів елементу меню
  post_date	дата додавання
  post_modified	дата останньої зміни
  post_author	ID користувача, який додав цей елемент меню
  title	заголовок елемента меню
  url	посилання елемента меню
  attr_title	title атрибут посилання
  xfn	rel атрибут посилання
  target	target атрибут посилання
  current	дорівнює 1, якщо це поточний елемент
  current_item_ancestor	1, якщо поточний елемент – це вкладений елемент
  current_item_parent	1 якщо поточний елемент - це батьківський елемент
  menu_order	порядковий номер у меню
  object_id	ID об'єкта меню. Записи, терміни та ін.
  type	тип об'єкта меню (такса, запис)
  object	назва такси, типу запису: page, category, post_tag...
  type_label	локалізована назва типу: Рубрика, Сторінка
  post_parent	ID батьківського запису
  post_title	заголовок запису
  post_name	ярлик запису

  Приклад об'єкта $item

  WP_Post Object ( => 10 => 5 => 2019-02-11 13:33:39 => 2019-02-11 13:33:39 => => New => => publish => closed => closed = > => new => => => 2019-02-11 23:10:19 => 2019-02-11 23:10:19 => => 0 => http://dh5.com/?p= 10 => 1 => nav_menu_item => => 0 => raw => 10 => 0 => 10 => custom => custom => Custom Link => New => # => => => => Array = > extra-sub-menu => menu-item => menu-item-type-custom => menu-item-object-custom => => => =>)

  Приклад використання параметра walker

  У Walker можна вказати об'єкт, який будуватиме меню. У цьому об'єкті можна описати HTML код одержуваного меню.

  Якщо потрібно створити меню для нестандартної верстки, іноді простіше переробити цей об'єкт, ніж переробляти верстку.

  Як приклад walker об'єкта, візьмемо клас Walker_Nav_Menu() , який використовується за умовчанням. У ньому нас цікавить лише один метод start_el(). Саме він відповідає за HTML кожного елемента. Як правило, достатньо змінити лише його. Для цього потрібно створити свій клас, який буде розширювати клас Walker_Nav_Menu та вказати його у параметрі walker під час виклику меню.

  Дивимося з прикладу. Взято код методу start_el() без змін. Використовуємо як шаблон:

  Class My_Walker_Nav_Menu extends Walker_Nav_Menu ( /** * Starts the element output. * * @since 3.0.0 * @since 4.4.0 The (@see "nav_menu_item_args") filter was added. * * @see Walker::start_el() * @param string $output Опубліковано за додатковим вмістом.* @param WP_Post $item Menu item data object. of wp_nav_menu() arguments. * @param int $id Current item ID. ($args->item_spacing) && "discard" === $args->item_spacing) ( $t = ""; $n = ""; ) else ( $t = "\t"; $n = "\n "; ) $indent = ($depth) ? str_repeat($t, $depth) : ""; $classes = empty($item->classes) ? array() : (array) $item->classes; = "menu-item-" . $item->ID; $args = apply_filters("nav_menu_item_args", $args, $item, $depth); classes), $item, $args, $depth)); $class_names = $class_names? " class="" . esc_attr($class_names) . """ : ""; $id = apply_filters("nav_menu_item_id", "menu-item-". $item->ID, $item, $args, $depth); $id = $id? " id="" . esc_attr($id) . """ : ""; // створюємо HTML код елемента меню $output. = $ indent. " $atts = array(); $atts["title"] = ! empty($item->attr_title) ? $item->attr_title: ""; $atts["target"] = ! >target) $item->target: ""; $atts["rel"] = !empty($item->xfn) $item->xfn: ""; $atts["href"] = ! ($item->url) $item->url: ""; $atts = apply_filters("nav_menu_link_attributes"; $attr => $value) ( ​​if (! empty($value)) ( $value = ("href" === $attr) ? esc_url($value) : esc_attr($value); $attributes .= " " $attr . "="" . $value . """; ) ) $title = apply_filters("the_title", $item->title, $item->ID); title, $item, $args, $depth); $item_output = $args->before; $item_output .= " $item_output .= $args->link_before . $title . $args->link_after; $item_output .= ""; $item_output .= $args->after; $output .= apply_filters("walker_nav_menu_start_el", $item_output, $item, $depth, $args); ) )

  Тепер при виклику меню вказуємо свій walker:

  Wp_nav_menu(array("theme_location" => "head_menu", "walker" => new My_Walker_Nav_Menu(),));

  Готово, тепер кожен елемент меню будуватиметься за потрібною нам HTML схемою.

  БЕМ меню за допомогою фільтрів

  Формуватиметься верстка за методологією БЕМ:

  • Пункт 1
    • Підпункт 1.1
    • Підпункт 1.2
  • Пункт 2
  • Пункт 3

  Файл index.phpабо інший для виведення меню

  "header-menu",]);

  Файл functions.php

  "Верхня область", "footer-menu" => "Нижня область", ]); )); // Змінює основні параметри меню add_filter("wp_nav_menu_args", "filter_wp_menu_args"); function filter_wp_menu_args($args) ( if ($args["theme_location"] === "header-menu") ( $args["container"] = false; $args["items_wrap"] = ""; $args[ "menu_class"] = "menu menu--main menu-horizontal"; ) return $args; ) // Змінюємо атрибут id у тега li add_filter("nav_menu_item_id", "filter_menu_item_css_id", 10, 4); function filter_menu_item_css_id($menu_id, $item, $args, $depth) ( return $args->theme_location === "header-menu" ? "" : $menu_id; ) // Змінюємо атрибут class у тега li add_filter(" ", "filter_nav_menu_css_classes", 10, 4); function filter_nav_menu_css_classes($classes, $item, $args, $depth) ( if ($args->theme_location === "header-menu") ( $classes = [ "menu-node", "menu-node--main_lvl_ " . ($depth + 1) ]; if ($item->current) ( $classes = "menu-node--active"; ) ) return $classes; ) // Змінює клас у вкладеного ul add_filter("nav_menu_submenu_css_class" , "filter_nav_menu_submenu_css_class", 10, 3); function filter_nav_menu_submenu_css_class($classes, $args, $depth) ( if ($args->theme_location === "header-menu") ( $classes = [ "menu", "menu--dropdown", "menu--vertical " ]; ) return $classes; ) // Додаємо класи посиланням add_filter("nav_menu_link_attributes", "filter_nav_menu_link_attributes", 10, 4); function filter_nav_menu_link_attributes($atts, $item, $args, $depth) ( if ($args->theme_location === "header-menu") ( $atts["class"] = "menu-link"; if ($ item->current) ( $atts["class"] .= " menu-link--active"; ) ) return $atts; )

  Бронюйте дуже дешеві лайки на публічну сторінку в Facebook на даному сервісі та отримуйте можливість вибрати не тільки приємну ціну, а й персональні умови для придбання ресурсу. Так, наприклад, Вам буде доступний вибір швидкісного режиму надходження та якості сторінок, що підписуються. Окрім того, сервіс надає гарантії своїм клієнтам.

  Код wp nav menu: wp-includes/nav-menu-template.php WP 5.2.2

  "", "container" => "div", "container_class" => "", "container_id" => "", "menu_class" => "menu", "menu_id" => "", "echo" => true, "fallback_cb" => "wp_page_menu", "before" => "", "after" => "", "link_before" => "", "link_after" => "", "items_wrap" => "" , "item_spacing" => "preserve", "depth" => 0, "walker" => "", "theme_location" => "",); $args = wp_parse_args($args, $defaults); if (! item_spacing"]; ) /** * Filters the arguments used до display a navigation menu. * * @since 3.0.0 * * @see wp_nav_menu() * * @param array $args Array of wp_nav_menu() arguments. */ $args = apply_filters("wp_nav_menu_args", $args); $args = (object) $args; /** * Filters whether to short-circuit wp_nav_menu() output. * * Returning non-null value to filter will short-circuit * wp_nav_menu(), echoing that value if $args->echo is true, * returning that value otherwise. * * @since 3.9.0 * * @see wp_nav_menu() * * @param string|null $output Nav menu output to short-circuit with. Default null. * @param stdClass $args An object containing wp_nav_menu() arguments. */ $nav_menu = apply_filters("pre_wp_nav_menu", null, $args); if (null !== $nav_menu) ( if ($args->echo) ( echo $nav_menu; return; ) return $nav_menu; ) // Get the nav menu based on the requested menu $menu = wp_get_nav_menu_object($args- >menu); // Get the nav menu based on theme_location if (! $locations[ $args->theme_location ]); ) // get the first menu that has items if we still can"t find a menu if (! $menu && ! $args->theme_location) ( $menus = wp_get_nav_menus() ; foreach ($menus as $menu_maybe) ( if ($menu_items = wp_get_nav_menu_items($menu_maybe->term_id, array("update_post_term_cache" => false))) ( $menu = $menu_maybe; ; $args->menu)) ( $args->menu = $menu; ) // If the menu exists, get its items.if ($menu && ! is_wp_error($menu) && !isset($menu_items)) ( $ menu_items = wp_get_nav_menu_items($menu->term_id, array("update_post_term_cache" => false)); Items were found: * - Fall back, але тільки якщо немає місця розташування було specified. * - Otherwise, bail. */ if ((! $menu || is_wp_error($menu) || (isset($menu_items) && empty($menu_items) && ! ->fallback_cb && is_callable($args->fallback_cb)) ( return call_user_func($args->fallback_cb, (array) $args); ) if (! $menu || is_wp_error($menu)) ( return false; ) $ nav_menu = $items = ""; $ show_container = false; if ($args->container) ( /** * Filters list html tags, які є вірними для використання як menu containers. * * @since 3.0.0 * * @param array $tags The aceptable HTML tags for use as menu containers * Default is array containing "div" і "nav". */ $allowed_tags = apply_filters("wp_nav_menu_container_allowedtags", array("div", "nav")); ($args->container, $allowed_tags)) ( $show_container = true; $class = $args->container_class ? "class="" . esc_attr($args->container_class) . """ : " class="menu -" . $menu->slug . "-container""; $id = $args->container_id ? " id="" . esc_attr($args->container_id) . """ : ""; $nav_menu .= "<" . $args->container. $id. $class. ">"; ) ) // Set up the $menu_item variables _wp_menu_item_classes_by_context($menu_items); $sorted_menu_items = $menu_items_with_children = array(); foreach ((array) $menu_items as $menu_item) ( $sorted_menu_items[ $menu_item->menu_order ] = $menu_item; if ($menu_item->menu_item_parent) ( $menu_items_with_children[ $menu_item_item Add the menu-item-has-children class where applicable if ($menu_items_with_children) ( foreach ($sorted_menu_items as &$menu_item) ( if (isset($menu_items_with_children) $menu_item->es "menu-item-has-children"; ) ) ) unset($menu_items, $menu_item); /** * Filters sorted list menu objects objects before generating the menu"s HTML. * @param stdClass $args An object containing wp_nav_menu() arguments. */ $sorted_menu_items = apply_filters("wp_nav_menu_objects", $sorted_menu_items, $args); $items .= walk_nav_menu_tree($sorted_menu_items, $args->depth, $args); unset($sorted_menu_items); // Attributes if (! empty($args->menu_id)) ( $wrap_id = $args->menu_id; ) else ( $wrap_id = "menu-" . $menu->slug; while (in_array($wrap_id, $ menu_id_slugs)) ( if (preg_match("#-(\d+)$#", $wrap_id, $matches)) ( $wrap_id = preg_replace("#-(\d+)$#", "-" . ++$ matches, $wrap_id);) else ($wrap_id = $wrap_id. "-1"; ))) $menu_id_slugs = $wrap_id; $wrap_class = $args->menu_class ? $args->menu_class: ""; /** * Filters HTML content content for navigation menus. * * @since 3.0.0 * * @see wp_nav_menu() * * @param string $items HTML-файл вміст для menu items. * @param stdClass $args An object containing wp_nav_menu() arguments. */ $items = apply_filters("wp_nav_menu_items", $items, $args); /** * Filters HTML content content for specific navigation menu. * * @since 3.0.0 * * @see wp_nav_menu() * * @param string $items HTML-файл вміст для menu items. * @param stdClass $args An object containing wp_nav_menu() arguments. */ $items = apply_filters("wp_nav_menu_($menu->slug)_items", $items, $args); // Ви не можете писати будь-яку мітку, якщо не є елементи в цьому пункті. $wrap_class), $items); unset($items); if ($show_container)container. ">"; ) /** * Filters HTML content for navigation menus. * * @since 3.0.0 * * @see wp_nav_menu() * * @param string $nav_menu HTML content for the navigation menu. * @param stdClass $args An object containing wp_nav_menu() arguments. */ $nav_menu = apply_filters("wp_nav_menu", $nav_menu, $args); if ($args->echo) ( echo $nav_menu; ) else ( return $nav_menu; ) )

Жоден сайт не обходиться без навігації або як ще називають "меню сайту". Так ось меню сайту буває однорівневим та багаторівневим у вигляді дерева. Якщо з однорівневим меню особливих складнощів у плані реалізації немає, то при створенні багаторівневого меню потрібно добре подумати.

Найголовніше у цій задачі це спроектувати базу даних для нашого багаторівневого меню. Створимо таблицю Categories із трьома полями id, title, parentде:

• ID- ідентифікатор
• Title- Назва меню
• Parent- Батько категорії за замовчуванням 0

За розгалуження меню відповідає поле Parentякщо Parent = 0, то ця категорія є батьківською. Для того щоб додати нащадків до батьківської категорії, потрібно в полі parent вказати IDпотрібного батька. Наприклад:

Таблиці з категоріями

Як видно з таблиці, у батьківської категорії Автомобіліє два нащадки - це Маздаі Хондапов'язаних по полю Parent. А у категорії Мотоциклидва нащадки - це Кавасакіі Харлей. При цьому категорія Човна не має нащадків. Сподіваюся, що Ви зрозуміли, як зв'язати категорії.

Далі переходимо від слів до практики. Створимо таблицю категорії.

Алгоритм роботи складається з наступного:

Створюємо з'єднання з базою даних

Пишемо функцію отримання даних із таблиці Categories

Отримуємо масив такого виду, де ключ масиву це ID категорії.

Функція побудови дерева із масиву від Tommy Lacroix

Отримуємо масив у вигляді дерева

Скрипт цілком

". showCat($category["childs"]) ."