Blogger移动博客帖子小工具

Question

我为自己的志愿者开设了一个博客，以便我们可以与公众沟通，发布有关我们自己的信息，并为公众提供与我们联系的方式。（www.wildwindflutechoir.com）

应该组织者的要求，我修改了“博客帖子小工具”，这样它只显示1个帖子并删除了显示“热门帖子”或“过去帖子”的任何小部件。这样，只有最新的信息/文章显示在主页上，而网站中的其他页面（如about-us页面）没有旧帖子。主要目标是在圣诞节完成后不再在我们的主页（或网站的其他地方）上显示有关我们圣诞活动的信息...当然，除非您通过存档链接浏览到它。

这适用于桌面浏览器;但是，当我使用移动设备查看网站时（或通过向网址添加/?m=1参数）...主页列出了所有帖子。

我无法弄清楚如何让它只显示最近的1个帖子而不是这个列表...我也无法弄清楚如何让它自动显示最新帖子的全部细节（而不是预览）

请提供一些关于如何修改Blogger博客主页的建议，以便它只在移动视图中显示1个帖子（最好是整个帖子而不是预览）

更新

我将建议的解决方案应用于硬编码显示为1的帖子数量。我还在索引页面（主页）的情况下对其进行了修改，以便显示完整的帖子而不是移动索引。我考虑过显示帖子的链接以及有关帖子的完整详细信息，因为我发现您无法在主页上的移动版本中导航到较旧的帖子（您必须查看帖子才能检测到有较旧的内容）。

在自定义导航之后，并且无法使其像桌面版一样工作，我决定暂时不使用移动设备。至少它更接近于所要求的内容：仅显示最新内容。我将不得不在另一天回到这个导航问题。

以下内容将显示最新帖子的链接以及帖子的完整内容：

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

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

  <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:loop values='data:posts  limit 1' var='post'>
      <b:include data='post' name='mobile-index-post'/>
      <b:include data='post' name='mobile-post'/>
    </b:loop>
  <b:else/>
    <b:loop values='data:posts' var='post'>
      <b:include data='post' name='mobile-post'/>
    </b:loop>
  </b:if>
</div>

但这是我目前所拥有的，所以只显示最新帖子的完整内容：

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

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

  <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:loop values='data:posts  limit 1' var='post'>
      <b:include data='post' name='mobile-post'/>
    </b:loop>
  <b:else/>
    <b:loop values='data:posts' var='post'>
      <b:include data='post' name='mobile-post'/>
    </b:loop>
  </b:if>
</div>

Answer 1

另一答案