如何将```<h2>```更改为```<h2数据分割>``？

Question

How将标题标记

改为 和 D2 和 <#> 和<#><#>D6<#>D3D3？

如何通过硬编码或通过JS/JQuery更改所有页面上的内容？

对于硬编码，我应该在什么地方查看主题文件，或者是否将其编码到WordPress本身？

有ID和类，如

和

，但是上面的类型称为什么呢？它和

+ 一样吗？

这是为标题添加一些动画效果所必需的- 科迪彭观。

现在我如何更改标题标签？

我将其添加到WordPress函数s.php中：-

 function enqueue_my_custom_script() {
    wp_enqueue_script( 'hjs', 'https://example.com/h.js', false );
}

add_action( 'wp_enqueue_scripts', 'enqueue_my_custom_script' );

h.js有以下代码：

$('document').ready(function() {

    $('h1, h2, h3, h4').attr('data-splitting', '');

});

但这并没有把剧本加到头上。

我甚至以</code>的形式手动添加了它，但是它在头上显示了<strong>而不是</strong>。</div><div>如果我手动添加任何其他脚本(如<code><script async src="https://example.com/a.js"></code> )，那么<strong>会添加</strong>吗？</div><div>我甚至尝试将JS作为内联添加到head中，现在<strong>does脚本在head部分显示为内联JS</strong>，但没有将<code><h1></code>更改为<code><h1 data-splitting></code>，<code><h2></code>更改为<code><h2 data-splitting></code>。</div><pre><code><script> $('document').ready(function() { $('h1, h2, h3, h4').attr('data-splitting', ''); }); </script</code></pre><div>或作为</div><pre><code><script> jQuery.noConflict()(function($) { $('document').ready(function() { $('h1, h2, h3, h4').attr('data-splitting', ''); }); });

现在，脚本以内联JS的形式出现在头中，但它确实更改了标题标记。

我去不了了。有没有办法让硬代码进入WordPress？

Answer 1

标题将在许多不同的地方定义，主要是在主题和页面内容中。因此，使用JS将是最可靠的方法。

有关队列脚本的一些需要注意的事项：

• 由于您的脚本使用jQuery，您需要将jQuery作为依赖项传递，以确保它在jQuery之后加载，以便在尝试运行时实际定义它。wp_enqueue_script( 'hjs', 'https://example.com/h.js', array( 'jquery' ) );
• jQuery在WordPress中以noConflict模式运行，因此不能只为jQuery对象使用$变量。这篇文章有更多的信息。

现在，除了这些，我不确定这其中任何一个都是议会。对于ScrollOut设置，它将获取data-splitting属性，如下所示：

ScrollOut({
   targets: '[data-splitting]'
});

但是，您可以将其更改为只针对所有标题，而不是试图先将数据属性添加到标题中，如下所示：

ScrollOut({
   targets: 'h1,h2,h3,h4'
});

并按照Splitting.js更新选项目标( data-splitting属性只是默认的)

Splitting({
  target: 'h1,h2,h3,h4'
});

没有数据属性的工作演示