Question

我想在导航菜单中添加https://docs.adobe.com/docs/en/aem/6-1/ref/widgets-api/index.html?class=CQ.form.CompositeField支持，因为我必须在data-spy="scroll" data-target=".navbar"标记中添加额外的属性body。

我可以在不触及主题文件的情况下实用吗？

Answer 1

一种方法是： - 编辑header.php并将这些属性添加到正文中。

替代方案（不编辑主题文件）的方式是创建一个插件，添加一个将这些属性添加到body的js。这样的事情： -

$("body").attr( { data-spy:"scroll", data-target:".navbar" } );

修改在查看Sevi的答案之后。最合适的方式是

function wp_body_classes( $classes ) { $classes[] = '" spy="scroll" data-target=".navbar'; return $classes; } add_filter( 'body_class','wp_body_classes', 999 );

Answer 2

非常确定无需编辑主题文件即可完成此操作。您可以尝试上面提到的tousif提到的jQuery方法，但我怀疑它会起作用，因为它很可能会在ScrollSpy加载后触发。

最好的方法是编辑你的header.php＆＃39;文件并将属性添加到<body>标记。您不应该编辑主题本身，使用子主题 - https://codex.wordpress.org/Child_Themes

Answer 3

好吧，我找到了解决问题的方法：

function wp_body_classes( $classes )
{
    $classes[] = '" spy="scroll" data-target=".navbar';

    return $classes;
}
add_filter( 'body_class','wp_body_classes', 999 );

Wordpress：如何向主体添加属性

3 个答案: