Muestra un menú personalizado creado en el panel: " apariencia> menú" (Apariencia > Menús).

El menú de navegación que se mostrará (puede haber varios) se especifica en el parámetro theme_location.

Si no se especifica el parámetro theme_location, el menú para mostrar se seleccionará en el siguiente orden:

Un menú que coincida con el ID, slug o descripción pasados ​​en el parámetro "menú" y si este menú tiene al menos un enlace (un elemento);

de lo contrario, el primer menú no está vacío;

o mostrará el valor devuelto por la función especificada en el parámetro "fallback_cb" (de forma predeterminada, la función wp_page_menu se especifica allí);

1. si nada coincide, la función no generará nada.

Para que el tema admita menús, debe habilitar esta función usando:
add_theme_support("menús");

O puede registrar un lugar para el menú usando Register_nav_menu(), luego el soporte del menú del tema se habilitará automáticamente.

Filtros de cambio de elementos del menú

• add_filter("wp_nav_menu_args", "my_wp_nav_menu_args"); función my_wp_nav_menu_args($args = ""))( $args["contenedor"] = false; devolver $args; )

  #4.1. Eliminemos el contenedor de un solo menú de visualización.

  "" ]); ?>

  #5 Retire el envoltorio ul

  Este ejemplo eliminará el contenedor de etiquetas ul de un menú:

  "%3$s" ]); ?>

  #6 Añade una palabra al principio del menú

  Este ejemplo muestra cómo agregar una palabra al principio de una lista de menú, como un elemento de menú, pero no como un enlace. Agreguemos la palabra "Lista" al principio del menú y también indiquemos el atributo de identificación a la etiqueta li creada:

  "primario", "items_wrap" => "

  • Lista:
  %3$s
  " ]); ?>

  #7 Agrega clases de CSS a todos los menús

  Usando un gancho, podemos agregar nuestras propias clases CSS si se cumple la condición que necesitamos.

  Agreguemos una clase CSS si se trata de una publicación y el título del elemento del menú es "blog":

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

  #8 Usando tu propia función para crear un menú

  Primero, debe especificar el argumento "walker" => new Your_Walker_Function.

  Your_Walker_Function es nuestra nueva clase que crea el menú. Para no reinventar la rueda, se puede copiar del original, consulte la clase Walker_Nav_Menu. Copiamos el código de clase y simplemente lo corregimos cuando sea necesario.

  Aquí hay un ejemplo que agrega profundidad de menú y clases CSS pares/impares a los elementos del menú (tanto ul como li):

  // tu propia clase de creación de menú: clase magomra_walker_nav_menu extiende Walker_Nav_Menu ( // agrega clases a la función de submenús ul start_lvl(&$output, $profundidad) ( // clases dependientes de la profundidad $indent = ($profundidad > 0 ? str_repeat(" \ t", $profundidad): ""); // sangría del código $display_profundidad = ($profundidad + 1); // porque cuenta el primer submenú como 0 $clases = array("submenú", ($display_profundidad) % 2? "menú-impar": "menú-par"), ($display_ Depth >=2? "sub-sub-menú": ""), "menú-profundidad-" $class_names = implosionar( " ", $clases); // compilar html $salida.= "\n" $sangría.

  " . "\n"; ) // agrega clases principales/sub a la función li"s y enlaces start_el(&$output, $item, $profundidad, $args) ( global $wp_query; $indent = ($profundidad > 0 ? str_repeat("\t", $profundidad): ""); // sangría de código // clases dependientes de la profundidad $profundidad_classes = array(($profundidad == 0 ? "elemento-del-menú principal" : "submenú- elemento"), ($profundidad >=2 ? "sub-sub-menú-elemento" : ""), ($profundidad % 2 ? "menú-elemento-impar" : "menú-elemento-par"), "menú -item-profundidad-" . $profundidad); $profundidad_clases_nombres = esc_attr(implode(" ", $profundidad_clases)); // clases pasadas $clases = vacía($item->clases) ? matriz() : (matriz) $ elemento->clases; $class_names = esc_attr(implode(" ", apply_filters("nav_menu_css_class", array_filter($clases), $item))); // compilar html $salida.= $sangría.
  • IDENTIFICACIÓN. "" clase="" . $nombres_clases_profundidad . " " . $nombres_clase. "">"; // atributos del enlace $atributos = ! vacío($item->attr_title) ? " título="" . esc_attr($item->attr_title) .""" : ""; $atributos .= ! vacío($item->destino)? " target="" . esc_attr($item->target) .""" : ""; $atributos .= ! vacío($item->xfn)? " rel="" . esc_attr($item->xfn) .""" : ""; $atributos .= ! vacío($item->url)? " href="" . esc_attr($item->url) .""" : ""; $atributos .= " class="menu-link" . ($profundidad > 0 ? "enlace del submenú": "enlace del menú principal") . """; $item_output = sprintf("%1$s %3$s%4$s%5$s%6$s", $args->antes, $atributos, $args->link_before, apply_filters("the_title", $item->title, $item->ID), $args->link_after, $args-> after); // compilar html $output .= apply_filters("walker_nav_menu_start_el", $item_output, $item, $profundidad, $args) ) // Y cuando sea necesario, mostrar el menú como este: function magomra_nav_menu($menu_id) ( / / menú de navegación principal $args = array("theme_location" => "navigation_menu_primary", "container" => "div", "container_id" => "top-navigation-primary", "container_class" => "top-navigation" , "menu_class" => "menú principal-menú menú-profundidad-0 menú-incluso", "echo" => true, "items_wrap" => "", "profundidad" => 10, "walker" => nuevo magomra_walker_nav_menu ); // imprimir menú wp_nav_menu($args)

    #9 Menús separados para usuarios autorizados

    If (is_user_logged_in()) ( wp_nav_menu(array("theme_location" => "menú conectado")); ) else ( wp_nav_menu(array("theme_location" => "menú desconectado")); )

    En el panel de administración, debe crear 2 menús diferentes y adjuntarlos a las ubicaciones (áreas) correspondientes.

    #10 clase CSS para elementos del menú principal

    Si necesita agregar una clase CSS para elementos de menú que tienen hijos (listas apiladas de enlaces), haga esto:

    Add_filter("wp_nav_menu_objects", "css_for_nav_parrent"); función css_for_nav_parrent($items)( foreach($items as $item)( if(__nav_hasSub($item->ID, $items)) $item->classes = "menu-parent-item"; // todos los elementos del campo " El menú "clases" se combinará y mostrará en el atributo de clase. etiqueta HTML

  • ) devolver $artículos; ) función __nav_hasSub($item_id, $items)( foreach($items as $item)( if($item->menu_item_parent && $item->menu_item_parent == $item_id) devuelve verdadero; ) devuelve falso; )

    #11 Agregar una clase a elementos de menú individuales

    A partir de la versión 4.1.

    Ha aparecido un gancho especial para esto: nav_menu_css_class. Y ahora se pueden agregar o eliminar clases a través de él. Por ejemplo, agreguemos la clase my__class a todos los elementos del menú:

    Add_filter("nav_menu_css_class", "add_my_class_to_nav_menu", 10, 2); function add_my_class_to_nav_menu($classes, $item)( /* $classes contiene Array( => menu-item => menu-item-type-post_type => menu-item-object-page => menu-item-284) */ $clases = "mi__clase"; devuelve $clases;

    Hasta la versión 4.1.

    Las clases de elementos de menú se agregan mediante la función _wp_menu_item_classes_by_context(&$menu_items); . Pero desafortunadamente, no proporciona ningún filtro para agregar su propia clase. Por lo tanto, tomemos una solución alternativa y usemos la muleta str_replace():

    // obtiene el menú en lugar de mostrarlo $menu = wp_nav_menu(array("echo" => 0,)); // agrega la clase my__class a todos los elementos $menu = str_replace("class="menu-item", "class="menu-item my__class", $menu); // mostrar eco $menú;

    #12 Mostrar menú solo si existe

    De forma predeterminada, si no hay menú, se mostrarán las páginas del sitio. Pero si necesita mostrar el menú solo cuando se crea en el panel de administración, especifique el parámetro fallback_cb como "__return_empty_string":

    Wp_nav_menu(array("theme_location" => "menú-primario", "fallback_cb" => "__return_empty_string"));

    #13 Mostrar solo el subelemento del menú

    Digamos que hay un primer nivel y cada uno de los elementos del primer nivel tiene su propio submenú. Necesitamos mostrar dicho submenú para un elemento con clase menú-elemento-135:

    ## Recorte todos los LI del submenú deseado y muéstrelos en su bloque UL $menu = wp_nav_menu(array("theme_location" => "header_menu", "container" => "", "echo" => 0,) ); $regex_part = preg_quote("elemento-menú-135"); // muestra el submenú del elemento "gotovye-resheniya" preg_match("~". $regex_part ..*sub-menu[^>]+>(.*?)

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

  No es muy óptimo, pero es un ejemplo práctico. A veces puede resultar útil para sitios poco visitados donde necesita obtener resultados rápidamente.

  Clases CSS de elementos de menú

  Las siguientes clases CSS se agregan a los elementos del menú (divididos por la página en la que se encuentra el usuario):

  Para todos los elementos en todas las páginas.

  .opción del menú- a todos los elementos del menú;

  .menú-elemento-objeto-(objeto)- a todos los elementos donde (objeto) se reemplaza con el nombre del tipo de publicación o taxonomía:
  .menu-item-object-category (para categorías)
  .menu-item-object-tag (para etiquetas)
  .menu-item-object-page (para páginas permanentes)
  .menú-elemento-objeto-(personalizado)

  • .menú-elemento-tipo-(tipo)- a todos los elementos del menú, donde (tipo) se reemplaza con el tipo de enlace (publicación o taxonomía). Agrupa todo tipo de enlaces:
    .menu-item-type-post_type (página persistente, tipo de publicación personalizada)
    .menu-item-type-taxonomy (categoría, etiqueta o taxonomía personalizada)

  Para elementos de la página actual.

  • .elemento-del-menú-actual- si el enlace del menú coincide con la dirección de la página que estás viendo. Página actual.

  Para los elementos principales de la página que se está viendo

  • .menú-actual-padre
  • .actual-(objeto)-ancestro
  • .actual-(tipo)-ancestro

  Para elementos relacionados de alguna manera con la página que se está viendo

  • .antepasado-menú-actual
  • .actual-(objeto)-ancestro
  • .actual-(tipo)-ancestro

  Para elementos relacionados con la página principal del sitio.

  • .elemento-menú-inicio

  Compatible con la función wp_page_menu()

  • .página_elemento
  • .página-elemento-$ID
  • .elemento_página_actual
  • .current_page_parent
  • .current_page_ancestor

  $ objeto objeto

  $ parámetros del artículo

  Los ejemplos suelen utilizar el elemento de menú $item. Casi todos los parámetros de este elemento se muestran a continuación:

  Campo	Descripción
  IDENTIFICACIÓN	ID del elemento del menú
  menú_elemento_padre	ID del elemento principal del menú
  clases	variedad de clases de elementos de menú
  posfechar	Fecha Agregada
  post_modificado	fecha de última modificación
  post_autor	ID del usuario que agregó este elemento de menú
  título	título del elemento del menú
  URL	enlace del elemento del menú
  attr_título	atributo de título del enlace
  xfn	atributo de enlace rel
  objetivo	atributo de enlace de destino
  actual	es igual a 1 si este es el elemento actual
  antepasado_elemento_actual	1 si el elemento actual es un elemento anidado
  padre_elemento_actual	1 si el elemento actual es el elemento padre
  orden_menú	número de serie en el menú
  id_objeto	ID de objeto de menú. Registros, términos, etc.
  tipo	tipo de objeto de menú (impuesto, entrada)
  objeto	nombre del impuesto, tipo de publicación: página, categoría, etiqueta de publicación ...
  etiqueta_tipo	nombre de tipo localizado: Categoría, Página
  post_parent	IDENTIFICACIÓN registro de padres
  título de la entrada	título de la entrada
  Nombre del puesto	acceso directo de grabación

  Ejemplo de objeto $item

  Objeto WP_Post ( => 10 => 5 => 2019-02-11 13:33:39 => 2019-02-11 13:33:39 => => Nuevo => => publicar => cerrado => cerrado = > => nuevo => => => 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 => personalizado => personalizado => Enlace personalizado => Nuevo => # => => => => Matriz = > submenú extra => elemento-menú => tipo-elemento-menú-personalizado => elemento-objeto-menú-personalizado => => => =>)

  Ejemplo de uso del parámetro walker

  En Walker puedes especificar un objeto que creará un menú. En este objeto puedes describir el código HTML del menú resultante.

  Si necesita crear un menú para un diseño no estándar, a veces es más fácil rehacer este objeto que rehacer el diseño.

  Como ejemplo de un objeto walker, tomemos la clase Walker_Nav_Menu(), que se utiliza de forma predeterminada. En él, sólo nos interesa un método, start_el() . Es él quien se encarga del HTML de cada elemento. Como regla general, basta con cambiar sólo esto. Para hacer esto, necesita crear su propia clase que extenderá la clase Walker_Nav_Menu y especificarla en el parámetro walker al llamar al menú.

  Veamos un ejemplo. El código para el método start_el() se toma sin cambios. Usamos como plantilla:

  Clase My_Walker_Nav_Menu extiende Walker_Nav_Menu ( /** * Inicia la salida del elemento. * * @since 3.0.0 * @since 4.4.0 Se agregó el filtro (@see "nav_menu_item_args"). * * @see Walker::start_el() * * @param string $output Pasado por referencia Se utiliza para agregar contenido adicional. * @param stdClass $args Un objeto de argumentos wp_nav_menu() * @param int $id ID del elemento actual */ public function start_el(&$output. , $elemento, $profundidad = 0, $args = array(), $id = 0) ( if (isset ($args->item_spacing) && "descartar" === $args->item_spacing) ( $t = " "; $n = ""; ) else ( $t = "\t"; $n = "\n "; ) $sangría = ($profundidad)? str_repeat($t, $profundidad): ""; $clases = vacío($elemento->clases) ? matriz() : (matriz) $elemento->clases; $clases = "menú-elemento-" $args = apply_filters("nav_menu_item_args", $args; , $elemento, $profundidad); $class_names = join(" ", apply_filters("nav_menu_css_class", array_filter($ clases), $elemento, $args, $profundidad)); $nombres_clase = $nombres_clase ? " class="" . esc_attr($class_names) . """ : ""; $id = apply_filters("nav_menu_item_id", "menu-item-". $item->ID, $item, $args, $profundidad); $identificación = $identificación ? " id="" . esc_attr($id) . """ : ""; // crea código HTML para el elemento del menú $output .= $indent . " "; $atts = array(); $atts["title"] = ! vacío($item->attr_title) ? $item->attr_title: ""; $atts["target"] = ! vacío($item- >objetivo) ? $artículo->objetivo: ""; $atts["rel"] = ! vacío($artículo->xfn) ? ($artículo->url) ? = apply_filters("nav_menu_link_attributes", $atts, $item, $profundidad $atributos = ""; $attr => $valor) ( ​​if (! vacío($valor)) ( $valor = ("href" == = $attr) ? esc_url($valor): esc_attr($valor); $atributos .= " " . $attr "="" . $valor . """; ->título, $item->ID); título, $item, $args, $profundidad_item = $args->antes; "; $item_output .= $args->link_before . $title . $args->link_after; $item_output .= ""; $item_output .= $args->después; $output .= apply_filters("walker_nav_menu_start_el", $item_output, $item, $profundidad, $args); ) )

  Ahora, al llamar al menú, especifique su andador:

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

  Listo, ahora cada elemento del menú se construirá de acuerdo con el esquema HTML que necesitamos.

  Menú BEM usando filtros

  El diseño se creará según la metodología BEM:

  • Párrafo 1
    • Subcláusula 1.1
    • Subcláusula 1.2
  • Punto 2
  • Punto 3

  Archivo index.php u otro para mostrar el menú

  "menú de encabezado", ]);

  Archivo funciones.php

  "Área superior", "menú de pie de página" => "Área inferior", ]); )); // Cambia los parámetros del menú principal add_filter("wp_nav_menu_args", "filter_wp_menu_args"); función filter_wp_menu_args($args) ( if ($args["theme_location"] === "header-menu") ( $args["container"] = false; $args["items_wrap"] = ""; $args[ "menu_class"] = "menú menú--menú principal-horizontal"; ) return $args; ) // Cambiar el atributo de identificación de la etiqueta li add_filter("nav_menu_item_id", "filter_menu_item_css_id", 10, 4); función filter_menu_item_css_id($menu_id, $item, $args, $profundidad) ( return $args->theme_location === "header-menu" ? "" : $menu_id; ) // Cambiar el atributo de clase de la etiqueta li add_filter( "nav_menu_css_class", "filter_nav_menu_css_classes", 10, 4); función filter_nav_menu_css_classes($clases, $item, $args, $profundidad) ( if ($args->theme_location === "menú-encabezado") ( $clases = [ "nodo-menú", "nodo-menú--main_lvl_ " . ($profundidad + 1) ]; if ($item->current) ( $classes = "menu-node--active"; ) ) return $classes; ) // Cambia la clase de un ul anidado add_filter(" nav_menu_submenu_css_class", "filter_nav_menu_submenu_css_class", 10, 3); función filter_nav_menu_submenu_css_class($clases, $args, $profundidad) ( if ($args->theme_location === "encabezado-menú") ( $clases = [ "menú", "menú--desplegable", "menú--vertical " ]; ) return $classes; ) // Agregar clases a los enlaces add_filter("nav_menu_link_attributes", "filter_nav_menu_link_attributes", 10, 4); función filter_nav_menu_link_attributes($atts, $item, $args, $profundidad) ( if ($args->theme_location === "header-menu") ( $atts["class"] = "menu-link"; if ($ elemento->actual) ( $atts["clase"] .= "menú-enlace--activo"; ) ) return $atts;

  Solicite Me gusta a precios muy económicos para una página pública de Facebook en este servicio y tenga la oportunidad de elegir no solo un precio razonable, sino también condiciones personales para comprar el recurso. Por ejemplo, podrás elegir la velocidad de recepción y la calidad de las páginas firmadas. Además, el servicio brinda garantías a sus clientes.

  Código menú de navegación de wp: wp-includes/nav-menu-template.php WP 5.2.2

  "", "container" => "div", "container_class" => "", "container_id" => "", "menu_class" => "menu", "menu_id" => "", "echo" => verdadero, "fallback_cb" => "wp_page_menu", "antes" => "", "después" => "", "link_before" => "", "link_after" => "", "items_wrap" => "" , "item_spacing" => "preservar", "profundidad" => 0, "walker" => "", "theme_location" => "",); $args = wp_parse_args($args, $valores predeterminados); if (! in_array($args["item_spacing"], array("preserve", "discard"), true)) ( // valor no válido, vuelve al valor predeterminado. $args["item_spacing"] = $defaults[" item_spacing"]; ) /** * Filtra los argumentos utilizados para mostrar un menú de navegación. * * @since 3.0.0 * * @see wp_nav_menu() * * @param array $args Matriz de argumentos de wp_nav_menu(). */ $args = apply_filters("wp_nav_menu_args", $args); $argumentos = (objeto) $argumentos; /** * Filtra si se debe cortocircuitar la salida wp_nav_menu(). * * Devolver un valor no nulo al filtro provocará un cortocircuito * en wp_nav_menu(), haciendo eco de ese valor si $args->echo es verdadero, * devolviendo ese valor en caso contrario. * * @since 3.9.0 * * @see wp_nav_menu() * * @param string|null $output Salida del menú de navegación para cortocircuitar. Nulo predeterminado. * @param stdClass $args Un objeto que contiene argumentos wp_nav_menu(). */ $nav_menu = apply_filters("pre_wp_nav_menu", nulo, $args); if (null !== $nav_menu) ( if ($args->echo) ( echo $nav_menu; return; ) return $nav_menu; ) // Obtiene el menú de navegación según el menú solicitado $menu = wp_get_nav_menu_object($args- >menú); // Obtener el menú de navegación según la ubicación_tema if (! $menu && $args->theme_location && ($ubicaciones = get_nav_menu_locations()) && isset($ubicaciones[ $args->theme_location ])) ( $menu = wp_get_nav_menu_object( $ubicaciones[ $args->theme_location ]); // obtiene el primer menú que tiene elementos si todavía no podemos encontrar un menú 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; break; ) ) ) if (empty( $ args->menu)) ( $args->menu = $menu; ) // Si el menú existe, obtiene sus elementos 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) ) /* * Si no se encontró ningún menú: * - Retroceder (si se especificó uno), o rescatar * * Si no se encontraron elementos de menú. : * - Retroceder, pero sólo si no se especificó ninguna ubicación del tema. * - En caso contrario, libertad bajo fianza. */ if ((! $menu || is_wp_error($menu) || (isset($menu_items) && vacío($menu_items) && ! $args->theme_location)) && isset($args->fallback_cb) && $args ->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 = $elementos = ""; $show_container = falso; if ($args->container) ( /** * Filtra la lista de etiquetas HTML que son válidas para usar como contenedores de menú. * * @since 3.0.0 * * @param array $tags Las etiquetas HTML aceptables para usar como menú contenedores. * El valor predeterminado es una matriz que contiene "div" y "nav". */ $allowed_tags = apply_filters("wp_nav_menu_container_allowedtags", array("div", "nav")); ($args->contenedor, $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) . """ : "";<" . $args->envase. $identificación. $clase. ">"; ) ) // Configurar las variables $menu_item _wp_menu_item_classes_by_context($menu_items); $elementos_menú_ordenados = $elementos_menú_con_niños = matriz(); 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->menu_item_parent ] = true; ) ) // Agregue la clase de elemento de menú que tiene hijos cuando corresponda if ($menu_items_with_children) ( foreach ($sorted_menu_items as &$menu_item) ( if (isset($menu_items_with_children[ $menu_item->ID ])) ( $menu_item->classes = "elemento-de-menú-tiene-hijos"; ) ) ) unset($menu_items, $menu_item); /** * Filtra la lista ordenada de objetos de elementos de menú antes de generar el HTML del menú. * * @since 3.1.0 * * @param array $sorted_menu_items Los elementos de menú, ordenados por orden de menú de cada elemento de menú. * @param stdClass $args Un objeto que contiene argumentos wp_nav_menu(). */ $sorted_menu_items = apply_filters("wp_nav_menu_objects", $sorted_menu_items, $args); $elementos .= walk_nav_menu_tree($sorted_menu_items, $args->profundidad, $args); unset($sorted_menu_items); // Atributos if (! vacío($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+)$#", "-" . ++$ coincidencias, $wrap_id); ) else ( $wrap_id = $wrap_id . "-1"; ) ) ) $menu_id_slugs = $wrap_id; $wrap_class = $args->menu_class ? $args->menu_class: ""; /** * Filtra el contenido de la lista HTML para los menús de navegación. * * @since 3.0.0 * * @see wp_nav_menu() * * @param string $items El contenido de la lista HTML para los elementos del menú. * @param stdClass $args Un objeto que contiene argumentos wp_nav_menu(). */ $elementos = apply_filters("wp_nav_menu_items", $elementos, $args); /** * Filtra el contenido de la lista HTML para un menú de navegación específico. * * @since 3.0.0 * * @see wp_nav_menu() * * @param string $items El contenido de la lista HTML para los elementos del menú. * @param stdClass $args Un objeto que contiene argumentos wp_nav_menu(). */ $elementos = apply_filters("wp_nav_menu_($menu->slug)_items", $elementos, $args); // No imprima ningún marcado si no hay elementos en este momento. if (empty($items)) ( return false; ) $nav_menu .= sprintf($args->items_wrap, esc_attr($wrap_id), esc_attr( $wrap_class), $elementos); unset($elementos); if ($show_container) ( $nav_menu .= "envase. ">"; ) /** * Filtra el contenido HTML para los menús de navegación. * * @since 3.0.0 * * @see wp_nav_menu() * * @param string $nav_menu El contenido HTML para el menú de navegación. * @param stdClass $args Un objeto que contiene argumentos wp_nav_menu(). */ $nav_menu = apply_filters("wp_nav_menu", $nav_menu, $args); if ($args->echo) ( echo $nav_menu; ) else ( return $nav_menu; ) )

Si está interesado en la respuesta a la pregunta de cómo crear un menú en un sitio web, ha llegado a la dirección correcta.

Veremos cómo crear un menú dinámico en PHP, escrito específicamente para principiantes en programación, así como para aquellos que todavía están en el tanque.

Lección 3. Hacer un menú en PHP para un sitio web dinámico - para principiantes

Creemos el diseño futuro de nuestro sitio web. Para hacer esto, dibujaremos un sitio web súper hermoso en Photoshop y lo cortaremos en pedazos. Imaginemos que el encabezado, el logotipo, el menú y el pie de página no están escritos con palabras, como en este ejemplo, sino que son elementos del sitio diseñados de forma elegante y colorida.

Creemos tres páginas, por ejemplo, y llamémoslas Sección 1, Sección 2, Sección 3.

Este texto será diferente para diferentes páginas, pero no nos molestaremos con él y lo dejaremos como está en todas las páginas.

Comencemos a crear un sitio web en PHP.

1. Seleccione los bloques de encabezado, logotipo, menú y pie de página en archivos separados con la extensión php o html.

encabezado.html

logotipo.html

menú.html

pie de página.html

Agreguemos un archivo con este texto para que podamos verlo en todas las páginas. llamémoslo texto.html

Nota. A partir de ahora guardaré más registros directamente en el expediente. texto.html

2. Creemos una plantilla para nuestro sitio web en PHP.

Para hacer esto, haremos algo simple: guardaremos el archivo real, pero con la extensión php y borraremos todo el contenido del texto. Quizás no sea profesional, pero es comprensible, pero todo lo complicaremos más adelante. Ahora lo principal es comprender el principio de diseño.

3. Ahora no necesitamos el archivo template.html.

Gracias a él, tenemos una idea de cómo será nuestro sitio.

4. Nuestra plantilla es el archivo template.php

Ahora insertaremos todos los elementos del sitio usando el comando de inclusión.

5. Creemos tres páginas, como íbamos a hacer inicialmente.

Sección 1, llamemos 1.php

Sección 2, llamemos 2.php

Seccion 3, llamemos 3.php

Para hacer esto, puedes usar el comando más simple. guardar como...

Déjame explicarte para los más pequeños: abre el archivo plantilla.php, entonces presione guardar como... y guardarlo bajo el nombre 1.php, repita el procedimiento y guarde las páginas del sitio secuencialmente 2.php, 3.php

Terminamos con 3 páginas con el mismo diseño. Simplemente pégalo en lugar de un archivo. texto.html otro, complételo con diferentes imágenes o algunos códigos html, scripts y el contenido de cada página será único.

¡Atención!

Si el archivo no se crea index.php para la página principal, luego en el navegador, al escribir la dirección del sitio, no veremos el sitio en sí, sino solo la estructura del directorio (lista de carpetas).

Puedes buscar en Denver y comprobarlo por ti mismo. Arreglemos la situación: cree un archivo index.php y llamemos sin más hogar. Al mismo tiempo, creemos un archivo. texto-inicio.html y usando el comando incluir insértelo en la página principal del sitio recién creada.

6. ¿Cómo ver un sitio web en php?

Simplemente no veremos qué pasó. Esta ya no es una plantilla con extensión html.

Pero tampoco es un problema. Necesitamos el nuestro, es decir. servidor local en su computadora. Para hacer esto, instalaremos Denver y veremos el resultado de nuestro trabajo en un navegador sin necesidad de conectarnos.

Eso sí que es orden. Escribí la dirección del sitio y vi todo lo que acababa de crear en forma normal con diseño.

Ahora analicemos el menú PHP del sitio.

1. Abra el archivo menu.html y convierta las secciones 1, 2 y 3 en enlaces del sitio. Los enlaces en PHP se crean de diferentes maneras.

Nuestra tarea es aprender a sentir el sitio creado en PHP. Por lo tanto, crearemos enlaces como en un sitio estático normal, Sección 1, etc.

Me encanta este proceso de creación de enlaces en Macromedia Dreamweaver. Tener tiempo para cosechar DE ACUERDO y tomar café.

2. Cómo hacer que un enlace en el menú esté inactivo si el visitante está en esta página.

Será más conveniente para el visitante navegar por el sitio sabiendo en qué página se encuentra.

Si has seguido todos los pasos estrictamente punto por punto, verás que todos los enlaces del menú están constantemente activos. ¿Como arreglarlo?

Primero, recordemos la definición de qué es. Declaraciones condicionales

– esto es cuando alguna acción se realiza o no dependiendo de las condiciones.

Hagamos lo siguiente:

• Necesitaremos variables y uno operador condicional: