将小部件的标题添加为ID -作为锚链接

Question

我目前正在构建一个WordPress主题，其中我的页面由小部件组成。一个小部件是页面的一部分。我希望能够使用与它们的锚链接，为此，我希望将小部件的标题输出为小部件的ID。

我知道这个小部件已经有ID了，但是它会导致难看的锚链接--锚链接应该是url.com/#text-2。我希望是url.com/#about。

在源代码中，这是默认的HTML输出：

<div id="text-2" class="widget-container widget_text">

这是我的目标HTML输出：

<div id="text-2 about" class="widget-container widget_text">

我怎样才能做到这一点？

提前感谢！

更新：

HTML元素似乎不能有两个ID。

是否可以将<a>元素添加到小部件的widget-title中，其中<a>的ID是小部件的标题？

所以HTML输出如下所示：<h2 class="widget-title"><a id="about">About</a></h2>

Answer 1

我在寻找一种更简单的方法，我只是添加了一个<span id="youranchornametag">First words/text of the element</span>，现在您可以在任何您喜欢http://.../#youranchornametag的地方调用它。