Html 博客中可点击的帖子

问题：要访问帖子页面，我只需点击帖子标题

目标：单击文章中的任意位置以转到文章页面

主要内容：

发帖形式：

标题：

帖子描述：

以下代码中存在问题：

<!-- posts -->
<div class='blog-posts hfeed'>

  <b:include data='top' name='status-message'/>

  <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
      &lt;/div&gt;&lt;/div&gt;
    </b:if>
    <b:if cond='data:post.isDateStart'>
      &lt;div class=&quot;date-outer&quot;&gt;
    </b:if>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <b:if cond='data:post.isDateStart'>
      &lt;div class=&quot;date-posts&quot;&gt;
    </b:if>
    <div class='post-outer'>
      <b:include data='post' name='post'/>
      <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
    </div>

    <!-- Ad -->
    <b:if cond='data:post.includeAd'>
      <div class='inline-ad'>
        <data:adCode/>
      </div>
    </b:if>
  </b:loop>
  <b:if cond='data:numPosts != 0'>
    &lt;/div&gt;&lt;/div&gt;
  </b:if>
</div>

当我在GoogleChrome中查看我的博客时，我得到了上面的代码片段

但为了实现我的目标，我需要嵌入一个包含

日期标题

和

日期帖子

的链接，如下所示：

<div class='blog-posts hfeed'>
  <div class='date-outer'>
    <a href='X'>
      <h2 class='date-header'>...</h2>
      <div class='date-posts'>...</div>
    </a>
  </div>
</div>

---

我能做什么？

我找到了一个适合我的解决方案。我与大家分享这个问题的答案

---

您可能希望向div添加一个JavaScript onclick事件，并忘记a，就像下面的

在Blog小部件中，查找

，您应该在那里开始挖掘。您可以将模板的内容

发送给我以指导您。

<div class='blog-posts hfeed'>
  <div class='date-outer'>
    <a href='X'>
      <h2 class='date-header'>...</h2>
      <div class='date-posts'>...</div>
    </a>
  </div>
</div>

<a expr:href='data:post.link ? data:post.link : data:post.url'>

<b:if cond='data:post.isDateStart'>
  &lt;div class=&quot;date-outer&quot;&gt;
</b:if>

<div class='post-outer'>
  <b:include data='post' name='post'/>
  <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
</div>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
  &lt;/div&gt;&lt;/div&gt;
</b:if>
<b:if cond='data:post.isDateStart'>
  &lt;div class=&quot;date-outer&quot;&gt;
</b:if>

<a expr:href='data:post.link ? data:post.link : data:post.url'>

<b:if cond='data:post.dateHeader'>
  <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
  &lt;div class=&quot;date-posts&quot;&gt;
</b:if>
<div class='post-outer'>
  <b:include data='post' name='post'/>
  <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
</div>

</a>

<div class='blog-posts hfeed'>
  <div class='date-outer'>
    <a href='X'>
      <h2 class='date-header'>...</h2>
    </a>
    <div class='date-posts'>...</div>
  </div>
</div>