如何为特定页面添加CSS?Feed

我只想对 feed 页面进行一些更改。我只使用默认主题。

如果用户的评论已展开并且包含图片,则该图片在 Safari 移动浏览器上无法响应式显示,会超出页面。

这似乎解决了问题,但不确定其他页面是否会出现问题。

.lightbox-wrapper img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: auto;
}

其次,我想删除“关于”部分,因为它显示的是用户自己的信息,我认为没有必要让他们看到自己的信息。

此部分显示无

.user-main .about

第三,如果可能的话,我想将其设置为默认展开,这样 feed 就像一个正常的 feed,他们可以看到他们关注的人以及他们的评论。

在移动设备上是否可以移除此部分?

您可以向移动部分添加 CSS 来隐藏它。

但是,这样做也会隐藏其他页面上使用 .user-main .about 的部分。

我正试图精简信息流页面,以便在用户使用小型移动设备时,不必在顶部看到他们自己的“关于”部分。

还有尝试自动展开feed中的主题。这样他们就不必逐一打开阅读主题了。

也许您可以发布一些您想实现的目标的截图?至少我,我不明白您具体想更改哪个视图以及如何更改。

2 个赞

谢谢。所以,在移动端的动态页面上,我想移除顶部区域,因为它显示的是用户自己的信息。我知道它有一个展开功能,但在查看用户关注的人的帖子的页面上并不需要它。

默认状态下,它也是折叠的,你必须一个接一个地展开它们。如果帖子有图片,它会显示图片的 URL,直到打开为止。我想让动态页面可见,而不是折叠状态。

看起来您正在使用 Follow 插件。我没有安装它,所以只能给出一些笼统的建议:

每个用户页面都会给 body 元素添加自己的 class:
Screenshot from 2021-12-02 15-27-04
例如,在 Activities 页面是 .user-activity-page。在 Messages 页面是 .user-messages-page。所以我猜在 Follow 页面可能是 .user-follows-page?您可以使用该 class 来仅隐藏该页面上的顶部部分。不过您应该考虑到,如果您只在一个视图中隐藏它,界面会显得跳跃。

关于帖子的展开或折叠状态,我认为您无法用 CSS 来定位它。该视图的插件模板可能默认为折叠的帖子摘要。所以您需要直接在模板中更改默认设置。

2 个赞

这将移除用户自己关注页面顶部的“关于”部分。如果我理解得没错的话。:slightly_smiling_face:

将此粘贴到移动 CSS 部分。

body.user-follow-page {
  .viewing-self {
    .user-main .about {
      display: none;
    }
  }
}
4 个赞

谢谢,我用这个解决了:

.user-follow-page .user-main .about{
    display: none;
}

但我认为

听起来更好,这样他们就可以看到别人的页面了,哈哈。我没考虑到这一点,哈哈。

1 个赞

我将尝试克隆该插件,看看我能做些什么来修改它并扩展所有默认功能。:thinking:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.