Как добавить CSS на определенные страницы? Лента

Поддержка
1

Я хочу внести изменения только на страницу ленты. Я использую только стандартную тему.

Если комментарий пользователя развернут и содержит изображение, то на мобильном Safari изображение не адаптируется и выходит за пределы страницы.

Кажется, это решило проблему, но не уверен, не возникнет ли каких-либо проблем на других страницах.

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

Во-вторых, я хотел бы убрать раздел «О себе», так как это информация о самом пользователе, и я не вижу смысла показывать ему его же данные вверху.

Чтобы скрыть этот раздел, добавьте:

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

В-третьих, я хочу, чтобы комментарии по умолчанию были развернуты, чтобы лента выглядела как обычная, где можно видеть, кто за кем подписан и кто комментирует.

2

Есть ли идея, можно ли удалить этот раздел на мобильном?

3

Вы можете добавить CSS в мобильный раздел, чтобы скрыть его.

4

Да, но это скроет секцию и на других страницах, которые используют .user-main .about.

Я пытаюсь оптимизировать страницу ленты, чтобы на небольших мобильных устройствах пользователь не видел свой раздел «О себе» вверху.

5

Это и попытка автоматически раскрывать темы в ленте, чтобы не нужно было открывать их по одной для чтения.

6

Может, вы могли бы выложить скриншоты того, чего хотите добиться? По крайней мере, я не понимаю, какой именно вид вы хотите изменить и как.

7

image
image1125×1916 111 KB

Спасибо. На мобильной версии страницы ленты я хочу убрать верхний раздел, так как там отображается информация самого пользователя. Я знаю, что там есть функция разворачивания, но она действительно не нужна на странице для просмотра постов тех, на кого подписан пользователь.

По умолчанию там также установлено состояние «свернуто», и их нужно разворачивать по одному. Кроме того, если в посте есть изображение, до его открытия отображается URL. Я хочу, чтобы лента была видна сразу, а не свернута.

8

Похоже, вы используете плагин Follow. У меня он не установлен, поэтому могу добавить лишь несколько общих замечаний:

Каждая страница пользователя добавляет свой собственный класс к элементу body:
Screenshot from 2021-12-02 15-27-04
Например, на странице «Деятельность» это .user-activity-page. На странице «Сообщения» — .user-messages-page. Поэтому я предполагаю, что на странице «Подписки» это, скорее всего, .user-follows-page? Вы можете использовать этот класс, чтобы скрыть верхнюю секцию только на этой странице. Однако имейте в виду, что интерфейс может начать «подпрыгивать», если скрывать её только на одном представлении.

Что касается раскрытого или свёрнутого состояния постов, я не думаю, что это можно таргетировать с помощью CSS. Шаблон плагина для этого представления, вероятно, по умолчанию использует сокращённый отрывок поста. Поэтому вам, скорее всего, потребуется изменить поведение по умолчанию прямо в шаблоне.

9

Это уберет верхний раздел «Обо мне» на собственной странице подписок пользователя. Если я правильно понял, что вы хотите сделать. :slightly_smiling_face:

Вставьте это в секцию CSS для мобильных устройств.

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

Спасибо, мне удалось решить это с помощью этого:

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

Но, пожалуй, вариант

звучит лучше, чтобы они могли видеть страницы других людей, ха-ха. Не подумал об этом, ха-ха.

11

Попробую склонировать плагин и посмотреть, что можно сделать, чтобы повозиться с ним и развернуть всё по умолчанию. :thinking: