Tutorial sobre el uso del plugin ACF: añadir campos a los elementos del menú

WordPress Los menús son potentes herramientas para organizar un conjunto de enlaces (elementos de menú), y los temas suelen utilizarlos para crear funciones de navegación. Esta guía le mostrará en detalle cómo añadir campos personalizados a los elementos de menú de WordPress y modificar la salida HTML de los elementos de menú. Los plugins utilizados sonACF(Campos personalizados avanzados).

ACFEl plugin ha pasado a llamarse SCF y está instalado en el Mercado de Plugins:

Añadir campos

El plugin Advanced Custom Fields facilita la adición de campos personalizados a los elementos del menú, siga los pasos que se indican a continuación.

1. superación personalDefinición de camposEn la pantalla Administración, haga clic enAñadir nuevopara crear un nuevo grupo de campos.
2. Añada los campos que desee ver al editar los elementos del menú
3. en posiciónminúsculas, seleccioneelemento del menúRegla y seleccione "Todos" (para mostrar este grupo de campos en todos los elementos de menú) o Menú/Ubicación Específicos (para mostrar este grupo de campos sólo en elementos de menú específicos).

editar un campo

Una vez que se ha creado un grupo de campos y se ha designado para que aparezca en la pantalla de edición de elementos de menú, se puede editar navegando hasta la opciónApariencia > MenúPágina Admin para editar los valores de los campos.

WP almacena cada elemento del menú como un objeto de entrada en el directoriowp_postsACF almacenará todos los valores de los campos personalizados en elwp_postmetaMesa.

Campos de visualización

El HTML de los elementos de menú de WordPress puede personalizarse fácilmente con el filtro wp_nav_menu_objects. Este filtro se ejecuta cada vez que se renderiza el menú (a través de la función wp_nav_menu()) y le permite modificar los objetos de los elementos del menú. Cada objeto contiene untítuloValores de salida en cada elemento de enlace del menú<a>.

Este ejemplo muestra cómo modificar todos los objetos de los elementos de menú con el nuevo "icono (informática)"Adjuntar un icono cuando exista un valor para el campo.

add_filter('wp_nav_menu_objects', 'my_wp_nav_menu_objects', 10, 2);

function mi_wp_nav_menu_objetos( $items, $args ) {

    // bucle
    foreach( $items as &$item ) {

        // vars
        $icon = get_field('icono', $item);


        // añadir icono
        if( $icon ) {

            $item->title . = ' ';

        }

    }


    // return
    return $items;

}

alcanzar un veredicto

Así es como aparece en el navegador. Fíjese en los nuevos iconos¡Elementos!

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres

© Declaración de reproducción

Este artículo fue escrito por Banner1

Enlace a este artículo:https://www.361sale.com/es/27348
El artículo está protegido por derechos de autor y debe ser reproducido con atribución.