html - 如何创建可点击 block ？

Question

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

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

我可以在字段中添加一些 CSS 类，让一切看起来好一点，但我被困在某个点上:我想添加一个链接到 block ，将用户重定向到他/她个人资料页面(网址为 user/[uid])。完全清楚，我希望 whole block 充当某种“按钮”(就像本网站顶部菜单中的“按钮”)，所以我不希望要链接到个人资料页面的单独字段(无论如何我知道该怎么做)。

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

Answer 1

尝试将“div”包裹在“a”元素中:

<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;
}