Wordpress. Сделайте весь класс div кликабельным

Question

Я создаю свой веб-сайт на Wordpress: https://imriga.com/

Я хотел бы сделать определенный класс div интерактивным и всегда ссылаться на мой полный пост в блоге. В моем случае это класс всего фрагмента поста блога, который называется "wmle_item" (Chrome просмотр в браузере). На данный момент кликабельны только изображения и заголовки. Моя цель - сделать весь кадр кликабельным, а также добавить некоторые эффекты при наведении курсора через CSS.

Думаю, мне нужно написать какую-то функцию в функциях. php?

Answer 1

Если вы планируете вносить изменения только в интерактивность (без изменения текущей темы или PHP backend), вы можете использовать плагин для включения javascript кода в верхний или нижний колонтитул (например, https://en-ca.wordpress.org/plugins/insert-headers-and-footers/ )

Затем вы можете добавить к контенту некоторые динамические функции c, используя простой код 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 в окне консоли браузера на своем сайте.