Ich möchte Scrollspy Unterstützung zum nav-Menü hinzufügen, für das ich zusätzliche Attribute data-spy="scroll" data-target=".navbar" dem body Tag hinzufügen muss.Wordpress: Wie man Attribut zum Körper hinzufügt
Kann ich das pragmatisch tun, ohne Theme-Dateien zu berühren?
Ein Weg wäre: - Bearbeiten header.php Und fügen Sie diese Attribute dem Körper.
Alternative (ohne Bearbeiten von Design-Dateien) Weg wäre, ein Plugin zu erstellen, das eine js hinzufügt, die diese Attribute zu Körper hinzufügt. Etwas wie folgt aus: -
$("body").attr({ data-spy:"scroll", data-target:".navbar" });
EDIT Nach Sevi die Antworten sehen. Die am besten geeignete Art und Weise ist
function wp_body_classes($classes)
{
$classes[] = '" spy="scroll" data-target=".navbar';
return $classes;
}
add_filter('body_class','wp_body_classes', 999);
Ziemlich sicher, dass dies nicht ohne Bearbeitung der Theme-Dateien durchgeführt werden kann. Sie könnten die jQuery-Methode, die Tousif oben erwähnt hat, ausprobieren, aber ich bezweifle, dass sie funktioniert, da sie höchstwahrscheinlich ausgelöst wird, nachdem ScrollSpy geladen wurde.
Am besten bearbeiten Sie dazu Ihre Datei 'header.php' und fügen Sie die Attribute zum Tag <body> hinzu. Sie sollten nicht das Thema bearbeiten selbst ein Kind Thema aber verwenden - https://codex.wordpress.org/Child_Themes
Nun, fand ich Lösung zu meiner Frage:
function wp_body_classes($classes)
{
$classes[] = '" spy="scroll" data-target=".navbar';
return $classes;
}
add_filter('body_class','wp_body_classes', 999);