首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >博主手机博客发布小工具

博主手机博客发布小工具
EN

Stack Overflow用户
提问于 2018-03-01 21:12:11
回答 2查看 820关注 0票数 1

我为一个本地团体建立了一个博客,我与之一起做志愿者,这样我们就可以与公众交流,发布关于我们自己的信息,并为公众提供一个与我们联系的途径。(www.wildwindflutechoir.com)

应组委会的要求,我修改了“博客文章小工具”,使其只显示一个帖子,并删除了显示“热门帖子”或“过去帖子”的任何小部件。这样,只有最新的信息/文章才会显示在主页上,而网站上的其他页面(比如“关于我们”的页面)就不会有旧的帖子。主要的目标是不再在我们的主页(或网站的其他地方)上显示关于我们圣诞节活动的信息,因为圣诞节是done...unless,当然,您可以通过归档链接浏览到它。

这在桌面浏览器上很好;但是,当我使用移动设备(或者通过将/?m=1参数添加到URL)查看网站时,...the主页列出了所有的帖子。

我不知道如何让它只显示最近的1篇文章,而不是这个list...Nor,我能弄清楚如何让它自动显示最新帖子的全部细节(而不是预览)吗?

请提供一些建议,说明如何修改我的博客主页,使其只在移动视图中显示一个帖子(最好是整个帖子,而不是预览)。

更新

我将建议的解决方案应用于硬编码显示为1的帖子数。在索引页(主页)的情况下,我还修改了它,以便显示完整的post,而不是移动索引。我考虑了显示到post的两个链接以及关于该帖子的全部细节,因为我发现在主页上的移动版本中,您无法导航到较旧的帖子(您必须查看一个帖子才能检测到较旧的内容)。

在对导航进行了自定义,并且无法像桌面版那样工作之后,我决定暂时不使用它。至少它更接近于所要求的内容:只显示最新的内容。我将不得不回到这个导航问题的另一天。

以下将显示到最近一篇文章的链接以及该帖子的全部内容:

代码语言:javascript
复制
 <!-- 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>

但这正是我目前所拥有的,因此只有最新的帖子显示了全部内容:

代码语言:javascript
复制
 <!-- 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>
EN

回答 2

Stack Overflow用户

发布于 2018-03-01 22:29:52

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

票数 0
EN

Stack Overflow用户

发布于 2019-05-23 10:36:10

在Blogger中显示移动页面中的Widget:<!-- Here Is Your Widgey--> </b:if>

在Blogger中隐藏移动页面中的Widget:<b:if cond='data:blog.isMobileRequest == "false"'> <!-- Here Is Your Widgey--> </b:if>

详见

如何在博客中显示/隐藏移动页面中的Widget

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49058764

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档