2017-09-01 6 views
0

Scrollspyのサポートをnav-menuに追加したいのですが、追加の属性data-spy="scroll" data-target=".navbar"bodyタグに追加する必要があります。Wordpress:本文に属性を追加する方法

私はテーマファイルに触れることなくそれを実用的に行うことはできますか?

答えて

1

片方向: - 編集header.phpこれらの属性を本文に追加します。

(テーマファイルを編集しないで)代わりに、これらの属性をbodyに追加するjsを追加するプラグインを作成する方法があります。このような 何か: -

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

EDIT のSEVIの答えを表示した後。 最も適切な方法は、これはテーマファイルを編集せずに行うことができない

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

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

かなり確信しています。あなたは上記のtousifが述べたjQueryメソッドを試すことができますが、ScrollSpyがロードされた後に起動する可能性が高いため、動作するとは思えません。

header.php」ファイルを編集し、属性を<body>タグに追加することをお勧めします。あなたは子供のテーマを使用して、しかし、テーマ自体を編集しないでください - https://codex.wordpress.org/Child_Themes

1

まあ、私は私の質問への解決策を見つけた:

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

    return $classes; 
} 
add_filter('body_class','wp_body_classes', 999); 
関連する問題