Support » Thema en CSS/opmaak » class aan a toekennen in menu

  • Opgelost timothy12

    (@timothy12)


    Is het mogelijk om een class toe te voegen aan de link (<a… ) in het menu van WordPress? Ik zag dat ik wel een link kan toevoegen aan het list-item, maar vroeg me af of dat ook aan de link zelf kon.

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    In een menu, jazeker. Bewerk een menu en rechtsboven klik je op Schermopties. Daar vink je dan CSS-classes aan. Dan krijg je een extra invulveld bij elk menu-item om een classe te geven specifiek aan 1 menu-item.

    Thread starter timothy12

    (@timothy12)

    Klopt, maar dan voeg je de class toe aan het list-item en niet aan de anchor. Daar wilde ik graag de class aan toegevoegd hebben. Ik heb het inmiddels wel op kunnen lossen door een toevoeging aan de functions-php.

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Ok fijn. Ik markeer het topic dan als opgelost. 😉
    Je mag gerust ook je oplossing delen moest je willen.

    Thread starter timothy12

    (@timothy12)

    Om een class toe te voegen aan de anchor van het WP-menu, kun je onderstaande code plakken in het functions.php-bestand van je template. In mijn geval heet de class ‘link’, maar die kun je zelf aanpassen.

    function add_class_to_all_menu_anchors( $atts ) {
        $atts['class'] = 'link';
     
        return $atts;
    }
    add_filter( 'nav_menu_link_attributes', 'add_class_to_all_menu_anchors', 10 );
    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Hey Timothy,

    Nu snap ik wat je eerder zei, maar dat kon toch ook zonder extra code dan? Mijn oplossing kon je in principe ook gebruiken (maar dan wel per item en niet globaal) en dan in de CSS a tag gebruiken in de selector.

    
    .toegevoegdeklassenaam a{
    ...
    }

    Maar ik snap jouw doel ook wel, vooral handig om het globaal toe te voegen.

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘class aan a toekennen in menu’ is gesloten voor nieuwe reacties.