Показывать заголовок профиля в сообщениях

Разработка
1

Я хочу добавить поле «Заголовок профиля» под полным именем. Я пытался найти способ сделать это, но такого варианта нет.

image
image1568×374 13.1 KB

Кроме того, есть ошибка/проблема: я установил enable_name в true в посте и скрыл имена пользователей из поста, добавив некоторые правила CSS в раздел «Настроить» > «Тема» > «Редактировать CSS/HTML».

// Скрывает имя пользователя на странице поста
.names .username {
    display: none!important;
}

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

image
image1610×936 112 KB

Пожалуйста, помогите мне исправить эти настройки.

2

Привет, Кушал :slight_smile:
Можешь уточнить, что ты имеешь в виду под «полем заголовка профиля»?

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

.names .second.username {
    display: none;
}
3

Приведённый выше CSS-код не скрывает имена пользователей.

Я имею в виду эту заголовочную строку

image
image1042×144 19.6 KB

4

Вот почему я написал «в зависимости от настроек вашего сайта». Но это моя ошибка: следовало начать с настроек по умолчанию, при которых должен работать следующий CSS:

.names .first.username {
    display: none;
}

Что касается заголовка под полным именем, попробуйте следующее:

.topic-meta-data .names {
    flex-wrap: wrap;
    .user-title {
        width: 100%;
    }
}

image

Имейте в виду, что могут возникнуть непредвиденные побочные эффекты (как часто бывает при изменениях CSS для элементов, содержащих несколько дочерних элементов).

5

Настройки CSS работают отлично, но проблема, похоже, в другом: у некоторых пользователей в категориях постов отображаются и имя пользователя, и полное имя, тогда как у других виден только никнейм (из базы данных извлекается только имя пользователя — проверено через исходный код страницы).

Кроме того, CSS-код для заголовка профиля идеален, но как извлечь данные из базы данных? Сейчас они не подгружаются, поэтому вопрос об их отображении даже не стоит.

Пожалуйста, помогите разобраться с этим.

6

Я немного поторопился с этим CSS и не учёл учётные записи без полных имён, поэтому моё предложение по CSS ошибочно.

Можете ли вы предоставить мне следующие значения настроек вашего сайта?

  • требуется полное имя

  • приоритет имени пользователя в UX

7

Поле «Полное имя» является обязательным с самого начала, а по второму пункту мне нужно немного больше уточнений.

8

Это настройка:

image
image1079×246 7.42 KB

:slight_smile:

9

Для уточнения: у всех учётных записей есть и полные имена, и имена пользователей (подтверждено при посещении их профилей). Проблема лишь в том, что на страницах постов полные имена некоторых учётных записей не загружаются.

Как добавить заголовок профиля после полного имени?

10

Да, этот параметр включен.

11

Обе настройки включены
image

12

Спасибо за информацию :slight_smile:

Если у вас включена опция prioritize username in ux, то имена пользователей будут отображаться в каждом посте, если имя пользователя совпадает с полным именем.
При этом, если вы захотите скрыть имена пользователей только с помощью CSS, вы окажетесь в тупике, так как нельзя выбирать предыдущие элементы.

Например, у вас будут два поста следующего вида:

  1. username

    • содержание поста

  2. username full-name

    • содержание поста

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

Это немного сложно объяснить :sweat_smile:

Поэтому, если вы хотите решение только на CSS, вам нужно отключить prioritize username in ux и использовать следующий CSS:

.names {
    .full-name +.username {
        display: none;
    }
}

Что касается заголовка под именем, вы можете использовать обновлённый CSS:

.topic-meta-data .names {
    flex-wrap: wrap;
    .user-title {
        width: 100%;
        order: 1;
    }
}

Свойство order: 1; предотвращает размещение эмодзи статуса пользователя рядом с заголовком и оставляет его рядом с полным именем:

Если объединить весь этот CSS, результат будет следующим.

До:

image
image361×112 4.49 KB

.topic-meta-data .names {
    flex-wrap: wrap;
    .full-name +.username {
        display: none;
    }
    .user-title {
        width: 100%;
        order: 1;
    }
}

После:

image
image247×106 4.06 KB

13

Большое спасибо за ваши усилия, но этот код не работает. Даже после добавления !important в CSS проблема сохраняется.

Кроме того, заголовок профиля не поступает с бэкенда. Пожалуйста, ознакомьтесь со скриншотом ниже для справки:

image
image2390×1258 447 KB

14

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

Пожалуйста, помогите добавить заголовок профиля после полного имени.

15

Может, кто-нибудь подскажет, как сделать заголовок профиля видимым на странице постов?

16

@JammyDodger, что мне делать? Мне стоит создать новую тему или есть другой способ решить эту проблему?

17

Можете ли вы поделиться ссылкой на ваш форум?

18

Ниже приведена ссылка на форум -
https://team.krsh.org

19

Спасибо. :slight_smile:

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

Под словом «после» вы имеете в виду «ниже»?

В вашей форме регистрации есть поле «Заголовок профиля», но, как я подозреваю, оно на самом деле не имеет отношения к тому, о чём вы спрашиваете. Насколько я понимаю, вы просите разместить звание пользователя под его именем.

Я попробовал свой код из своего сообщения на вашем форуме, и он работает:

До:
image

После:
image

Именно это вы и хотите?

20

Я уже упоминал, что хотел бы показать заголовок профиля. Если этот заголовок можно будет отображать под полным именем, это было бы отлично — точно так же, как на втором изображении, которое вы отправили: в месте, где сейчас надпись «Internship Secured», должен быть виден заголовок профиля.

image
image666×226 10 KB