如何创建可点击的块？

Question

我在Drupal 7中有一个视图，显示当前登录用户的4个用户字段。我将输出重写为以下代码：

<div>[field-1]</div>
<div>[field-2]</div>
<div>[field-3]</div>
<div>[field-4]</div>

我可以向字段中添加一些CSS类，以使一切看起来更好一些，但我仍然停留在某个点上:我想添加一个链接到将用户重定向到他/她的配置文件页面的块( url是user/[uid])。为了完全清楚，我希望整个块可以作为某种“按钮”(就像这个网站顶部菜单中的“按钮”)，所以我不希望单独的字段被链接到配置文件页面(我知道怎么做)。

这可以用CSS和/或HTML来实现吗？

Answer 1

尝试用'a‘元素包装'div’：

<a href="/user/id"><div>[field...]</div></a>

编辑：这将使所有文本显示为链接，因此可能需要添加一些CSS。示例：

HTML

<a class="link-box" href="/user/id"><div>[field...]</div></a>

CSS

.link-box {
  color: #000;
  text-decoration: none;
}