博主移动博客文章小工具



我为一个我志愿服务的当地团体开设了一个博客,以便我们可以与公众交流,发布有关我们自己的信息,并为公众提供与我们取得联系的方式。(www.wildwindflutechoir.com)

应该组组织者的要求,我修改了"博客文章小工具",使其仅显示 1 篇文章,并删除了显示"热门帖子"或"过去帖子"的任何小部件。这样,主页上仅显示最新的信息/文章,网站中的其他页面(如关于我们页面)就不会有旧帖子徘徊。主要目标是不再在我们的主页(或网站其他地方)显示有关我们圣诞节活动的信息,因为圣诞节已经结束......当然,除非您通过存档链接浏览到它。

这在桌面浏览器上工作正常;但是,当我使用移动设备查看网站时(或通过向 URL 添加/?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>

这是移动模板中的已知错误。如果帖子计数设置为少于 5 个帖子,则移动首页将始终显示至少 5 个帖子,无论它是否是自定义移动模板。 在所有其他页面上(可通过下一篇文章链接访问),将遵循通过设置设置的计数

此问题的部分解决方案是切换到自定义移动模板,然后对模板代码进行以下更改 -

<b:循环值>限制 1' var='post'> <b:include>

除此之外,还可以使用 Lambda 表达式 -

<b:loop>first(p => p)' var='post'> <b:include>

这将直观地解决仅显示单个帖子的问题,但下一页链接而不是重定向到第 2 个帖子将重定向到第 6 个帖子(跳过第 2-5 个帖子)