使 DIV 可点击的超链接的 PHP 片段

Question

我正在尝试使用代码片段插件 (https://nl.wordpress.org/plugins/code-snippets/) 在 Wordpress 中添加代码 sn-p。

我希望它在我的主页上制作一个可点击的 DIV，以便它可以超链接到另一个页面。我想要点击的DIV是<div class="row theme-project-row"></div>

截图：

渲染页面：https://snipboard.io/AUDaho.jpg

DevTools 中的 DIV：https://snipboard.io/zh9VZj.jpg

对 PHP sn-p 有什么建议吗？我已经尝试在我的主题的 PHP 文件中找到 DIV，但我找不到它。提前很抱歉提出愚蠢的问题，我真的不是高级用户，但我真诚地希望得到一些帮助。

在此先感谢，我将不胜感激。

Answer 1

这就是我尝试使用snippet 的方式。确保在保存时“激活”它。

add_action( 'wp_head', function () { ?>
<script>

window.onload=function() {
  console.log("WE GOT window.onload")
  let div = document.getElementById('theme-project').querySelector('.theme-project-row');
  console.log("WE GOT div:", div)

  // give it a clickable style
  div.style.cursor='pointer';
  div.addEventListener('click', function() {
    location.href='home-page.html'; // or whatever link
  }
}

</script>
<?php } );