Wordpress.使整个div类都可以单击

Question

我正在Wordpress上创建我的网站：https://imriga.com/

我想让某个div类可以点击，并始终链接到我的完整博客文章。在我的例子中，它是整个博客文章片段的类，即"wmle_item"(Chrome浏览器检查(。目前只有特色图片和标题可以点击。我的目标是使整个框架可点击，并通过CSS添加一些悬停效果。

我想我需要在functions.php中编写一些函数？

Answer 1

如果您计划仅在交互中进行更改(不修改当前主题或PHP后端(，则可以使用插件在页眉或页脚中包含javascript代码(例如，https://en-ca.wordpress.org/plugins/insert-headers-and-footers/)

然后，您可以使用类似这样的简单Javascript代码为内容添加一些动态功能(以启用项目中的点击(：

<script>
var items=document.querySelectorAll(".wmle_item");
items.forEach(function(item){
console.log(item);
item.addEventListener("click",function(ev){
// click event listener
var link=item.getElementsByTagName("a")[0];
link.click();
})
});
</script>
<style>
.wmle_item{
cursor: pointer; 
/*any other customization here */
}
</style>

您可以在站点的浏览器控制台窗口中测试javascript代码。