使整个单元格可点击

Question

我有一个div容器，其标题和内容如图所示。

这是标记：

$output .= '<h1 class="list_title">';
    $output .= '<a href="' . get_permalink () . '">'.the_title ('','',false) . '</a>';                  
$output .= '</h1>';

$output .= '<div class="list_content">';
    $output .= '<a href="' . get_permalink () . '">';
        $output .= wp_trim_words ($post->post_content, $content_length );
    $output .= '</a>';
$output .= '</div>';

在这两个组件中，我添加了get_permalink，以便用户可以点击标题或内容转到帖子链接。

但是，我正在努力使用户可以点击单元格中的任意位置（例如B的空白区域以转到该链接。

有谁可以告诉我如何使整个单元格可以点击而不仅仅是标题或内容？

Answer 1

将div放在<a>内，并可能将display: block添加到<a>：

$output .= '<a href="' . get_permalink () . '">';
    $output .= '<div class="list_content">';
        $output .= wp_trim_words ($post->post_content, $content_length );
    $output .= '</div>';
$output .= '</a>';

Answer 2

您要做的是将整个<div>包裹在<a>代码中;

$output .= '<a href="' . get_permalink () . '">'.the_title ('','',false) . '</a>';  
$output .= '<h1 class="list_title">';

$output .= '<div class="list_content">';
    $output .= '<a href="' . get_permalink () . '">';
        $output .= wp_trim_words ($post->post_content, $content_length );
$output .= '</div>';
    $output .= '</a>';

我删除了<h22>标记，它是空的。

Answer 3

撤消代码的顺序。 results$cluster results$centers 应位于iris 。

内

<div>

这意味着整个div是一个链接。