X

Entferne jede Klasse und ID aus dem wp_nav_menu

Schnipsel von IsItWP

Möchten Sie alle unerwünschten Klassen und IDs aus dem WordPress-Navigationsmenü entfernen? Es kann viele Klassen und IDs geben, die mit Ihrem erforderlichen Styling in Konflikt geraten können. Wir haben einen schnellen Code-Schnipsel erstellt, den Sie verwenden können, um jede Klasse und ID aus dem wp_nav_menu zu entfernen, mit Ausnahme der Klasse current-menu-item.

Anweisungen:

Sie müssen diesen Code nur zur functions.php-Datei Ihres Themes oder in ein websitespezifisches Plugin einfügen:

add_filter('nav_menu_css_class', 'my_css_attributes_filter', 100, 1);
add_filter('nav_menu_item_id', 'my_css_attributes_filter', 100, 1);
add_filter('page_css_class', 'my_css_attributes_filter', 100, 1);
function my_css_attributes_filter($var) {
  return is_array($var) ? array_intersect($var, array('current-menu-item')) : '';
}

Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzuf ilde{A}gen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress kopieren / einf ilde{A}gen, damit Sie Ihre Website nicht versehentlich besch ilde{A}digen.

Wenn Ihnen dieser Code-Schnipsel gefallen hat, sollten Sie sich unsere anderen Artikel auf der Website ansehen, wie z. B.: So erstellen Sie ein Kontaktformular in WordPress und 27 beste WordPress-Business-Themes für Ihre Website.

Kommentare   Hinterlasse eine Antwort

  1. Wie, wenn ich current-menu-item durch active ersetzen möchte? Danke

  2. Danke. Aber wenn es eine benutzerdefinierte CSS-Klasse gibt, möchte ich diese auch anzeigen. Aber alle anderen Standardklassen loswerden. Irgendeine Idee wie?

  3. Dies macht die benutzerdefinierten Klassen, die Sie über das Menü-Backend hinzufügen können, nutzlos (sie werden als Post-Meta gespeichert, das mit dem Menüelement verknüpft ist), sodass Sie diese auch in das zurückgegebene Array zusammenführen müssen, wenn Sie sie verwenden möchten.

  4. Dies macht die benutzerdefinierten Klassen, die Sie über das Menü-Backend hinzufügen können, nutzlos (sie werden als Post-Meta gespeichert, das mit dem Menüelement verknüpft ist), sodass Sie diese auch in das zurückgegebene Array zusammenführen müssen, wenn Sie sie verwenden möchten.

  5. Soll ich es unter irgendeine Funktion stellen? Oder füge ich den Code einfach in meine functions.php ein?~~

  6. Elektronik-Nachrichten 7. Oktober 2011 um 11:03 Uhr

    Danke für das Teilen dieses Codes, werde es sofort ausprobieren, gute Idee…..

    1. Klasse, gerne geschehen.

      1. Wie würden Sie vorgehen, um eines der li-Elemente mit einer ID zu versehen? Ich meine, Sie hätten zum Beispiel eine ul-Liste mit 6 Links und einer davon (der erste zum Beispiel) hätte die ID 'login'?

        So:

        Anmelden
        Machen Sie mit dem Rest weiter

        Wäre interessant zu wissen

Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und bedeutungsvolles Gespräch führen.

WordPress Launch Checkliste

Die ultimative Checkliste für den Start von WordPress

Wir haben alle wichtigen Checklistenpunkte für den Start Ihrer nächsten WordPress-Website in einem praktischen E-Book zusammengefasst.
Ja, senden Sie mir das kostenlose E-Book!