如何让WordPress文章标题中的锚点链接可点击（仅编辑权限）

由于WordPress默认会转义文章标题中的HTML代码，而你仅有编辑权限无法修改主题或插件，可通过前端JavaScript实现所有页面（单页、首页、列表页）标题内链接的可点击效果，具体内容如下：

核心逻辑 #

通过JavaScript遍历页面中所有文章标题元素，将转义后的HTML字符（如<a href...>）还原为真实的HTML标签，让链接正常渲染。

具体实现代码 #

document.addEventListener('DOMContentLoaded', function() {
  // 根据你的主题调整标题元素选择器，可通过浏览器F12开发者工具查看类名
  const titleSelectors = 'h1.entry-title, h2.entry-title, .post-title';
  const titleElements = document.querySelectorAll(titleSelectors);

  titleElements.forEach(element => {
    const rawTitle = element.textContent || element.innerText;
    // 还原转义的HTML字符
    const decodedHTML = rawTitle
      .replace(/&lt;/g, '<')
      .replace(/&gt;/g, '>')
      .replace(/&amp;/g, '&');
    
    // 仅当标题包含链接标签时才替换内容
    if (decodedHTML.includes('<a ')) {
      element.innerHTML = decodedHTML;
    }
  });
});

使用方法 #

1. 进入任意一篇文章的编辑界面，添加「自定义HTML」区块；
2. 将上述代码粘贴到该区块中并更新文章；
3. 若要确保所有页面都生效，可将这段代码添加到置顶文章的自定义HTML区块中，这样所有页面加载时都会执行该脚本。

注意事项 #

• 调整选择器：需根据当前主题的文章标题CSS类修改titleSelectors的值，比如部分主题使用.entry-title，部分使用.post-title，通过浏览器开发者工具可快速查看；
• 无副作用：该脚本仅修改标题的HTML渲染内容，不会影响网站其他功能；
• 兼容性：兼容Chrome、Firefox、Edge等现代主流浏览器。

内容的提问来源于stack exchange，提问作者Jim Clifford