Blogger 移动博客文章小工具

Question

我已经为我自愿参加的一个本地团体开设了一个博客，这样我们就可以与 public、post 交流关于我们自己的信息，并为 public 与我们取得联系。 (www.wildwindflutechoir.com)

应群组组织者的要求，我修改了 "Blog Posts Gadget" 使其仅显示 1 post 并删除了显示 "popular posts" 或 "past posts"。这样只有最近的 information/article 显示在主页上，站点中的其他页面（如关于我们的页面）没有旧的 post 徘徊。主要目标是在圣诞节结束后不再在我们的主页（或网站其他地方）显示有关我们圣诞节活动的信息 post...当然，除非您通过存档浏览到它 links.

这在桌面浏览器上运行良好；但是，当我使用移动设备查看网站时（或通过将 /?m=1 参数添加到 URL）...主页列出了所有 posts.

我不知道如何让它只显示最近的 1 个 post 而不是这个列表...我也不知道如何让它自动显示最近 [=] 的完整详细信息46=]（而不是预览）

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

更新

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

自定义导航后，无法让它像桌面版一样工作，我决定暂时不用移动版。至少它更接近要求：只显示最新的内容。改天我将不得不 return 解决这个导航问题。

以下将显示 link 到最近的 post 以及 post 的全部内容：

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

但这就是我目前所拥有的，因此只显示最新的完整内容 post :

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

使用像 Contempo 这样的响应式主题怎么样

Answer 2

这是移动模板中的一个已知错误。如果 post 计数设置为小于 5 post 秒，则移动主页将始终至少显示 5 post 秒，无论它是否为自定义移动模板。在所有其他页面上（可通过 Next post links 访问），将遵守通过设置设置的计数

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

<b:loop values='data:posts limit 1' var='post'>
    <b:include data='post' name='mobile-index-post'/>
</b:loop>

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

<b:loop values='data:posts first(p  => p)' var='post'>
    <b:include data='post' name='mobile-index-post'/>
</b:loop>

这将在视觉上解决仅显示单个 post 但下一页 link 而不是重定向到第二页的问题 post 将重定向到第六页 post（第 2-5 个 post 被跳过）

Answer 3

在 Blogger 的移动页面中显示小部件： </b:if>

在 Blogger 的移动页面中隐藏小部件：<b:if cond='data:blog.isMobileRequest == "false"'>  </b:if>

详见
How To Show / Hide Widget In Mobile Page In Blogger

Blogger 移动博客文章小工具

Blogger Mobile Blog Posts Gadget

mobile

blogger