Сообщение кликабельно в Blogger - PullRequest
Новая
       10

Сообщение кликабельно в Blogger

0 голосов
/ 09 октября 2019

Проблема: чтобы получить доступ к странице поста, я должен нажать только на заголовок поста.

Объективно: Нажмите в любом месте поста, чтобы перейти на страницу поста.

Основные элементы:

Форма сообщения: <div class='date-outer'> Заголовок: <h2 class='date-header'> Описание сообщения: <div class='date-posts'>

Проблема в следующем коде: 

<!-- 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>

Предыдущий код определяетэлементы и структура, которые будут иметь date-outer, поэтому при запуске кода я получаю следующую структуру: 

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

Я получаю приведенный выше фрагмент кода при проверке своего блога в Google Chrome.

Но для достижения моей цели мне нужно встроить ссылку, содержащую date-header и date-posts, например: 

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

И закрытиеЭтос </a> после кода: 

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

Но мне удается только date-header содержать в <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>

Что я могу сделать?

1 Ответ

0 голосов
/ 10 октября 2019

Я нашел решение, которое работает для меня. Я делюсь ссылкой на вопрос, где решение найдено.

https://stackoverflow.com/a/58308988/7287197

...