投稿にプロフィール見出しを表示

フルネームの下にプロフィールヘッドラインフィールドを追加したいのですが、方法が見つかりませんでした。

これとは別に、投稿で enable_nametrue に設定し、カスタマイズ > テーマ > CSS/HTMLの編集でCSSルールを追加して投稿からユーザー名を非表示にしましたが、バグ/問題があります。

//投稿ページからユーザー名を非表示にする
.names .username {
    display: none!important;
}

これらの設定は正常に機能していましたが、一部のユーザーではフルネームも非表示になっていました。

これらの設定を修正するのを手伝っていただけますか。

こんにちは、Kushalさん :slight_smile:
「プロフィール見出しフィールド」とはどういう意味か、明確にしていただけますか?

ユーザー名を非表示にする件については、ウェブサイトの設定によっては、以下をお試しいただけます。

.names .second.username {
    display: none;
}
「いいね!」 1

上記のCSSコードでは、ユーザー名は非表示になりません。

この見出しについて話しています

「いいね!」 1

したがって、「ウェブサイトの設定による」となりますが、それは私のミスです。デフォルト設定から始めるべきでした。それであれば、以下のCSSが機能するはずです。

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

フルネームの下にあるヘッドラインについては、こちらをお試しください。

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

image

(複数の子要素を含む要素のCSSを変更する際にはよくあることですが)意図しない副作用が発生する可能性があることに注意してください。

「いいね!」 2

CSS設定は完全に機能していますが、問題は異なると感じています。一部のユーザーには、投稿カテゴリにユーザー名とフルネームの両方が表示されるのに対し、一部のユーザーにはユーザー名のみが表示されます(データベースからはユーザー名のみが取得されています - ページソースで確認しました)。
これとは別に、プロフィールヘッドラインのCSSコードは完璧ですが、データベースから詳細を取得するにはどうすればよいですか?データベースから取得されていないため、表示させることは問題になりません。
どうぞよろしくお願いいたします。

CSSを少し速く適用してしまい、フルネームがないアカウントを確認しなかったため、CSSの提案に不備がありました。

サイトの以下の設定値を提供していただけますか?

  • フルネーム必須

  • UXでユーザー名を優先

「いいね!」 1

フルネームフィールドは開始以来必須フィールドであり、2番目の点についてはもう少し明確にする必要があります。

この設定です。

:slight_smile:

「いいね!」 1

より明確にするために、すべてのアカウントにはフルネームとユーザー名(プロフィールの表示で確認済み)の両方があります。投稿ページでは、一部のアカウントのフルネームが取得できていないだけです。

フルネームの後にプロフィールヘッダーを追加するにはどうすればよいですか?

はい、この設定は有効になっています

両方の設定が有効になっています
image

情報ありがとうございます :slight_smile:

UX でユーザー名を優先するが有効になっている場合、ユーザーのユーザー名とフルネームが同じであれば、各投稿にユーザー名が表示されます。
そして、CSS のみでユーザー名を非表示にしたい場合、前の要素をターゲットにできないため、行き詰まってしまいます。

たとえば、次のような 2 つの投稿があります。

  1. ユーザー名

    • 投稿内容
  2. ユーザー名 フルネーム

    • 投稿内容

ユーザー名とフルネームが異なるユーザーのユーザー名のみを非表示にすることはできません。なぜなら、ユーザー名はフルネームの に表示されるからです。

説明するのが少し難しいです :sweat_smile:

CSS のみで解決したい場合は、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 をすべて組み合わせると、次のようになります。

前:

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

後:

「いいね!」 3

ご尽力いただきありがとうございます。しかし、このコードは機能していません。CSSに!importantを追加しましたが、それでも機能しません。
また、プロフィールヘッドラインはバックエンドから取得されていません。参照用に以下のスナップショットを参照してください。

「いいね!」 1

このプラグインは、ユーザー名とフルネームが同じ場合に片方が自動的に非表示になるという問題の解決に役立ちました。

フルネームの後にプロフィール見出しを追加するのを手伝ってもらえませんか?

「いいね!」 1

プロフィールヘッダーを投稿ページに表示させる方法について、どなたか教えていただけますか?

@JammyDodger どうすればいいですか?新しい投稿を作成すべきですか、それともこの問題を解決する他の方法がありますか?

フォーラムへのリンクを共有していただけますか?

フォーラムはこちらです -
https://team.krsh.org

ありがとうございます。 :slight_smile:

ご要望が少し曖昧なので、できるだけ正確にお願いします。

「後に」とは、「下に」という意味でしょうか?


あなたの登録フォームには「プロフィール見出し」フィールドがありますが、それはあなたが尋ねていることとは全く関係がないと思います。私の理解では、ユーザーの役職をユーザー名の下に表示するように求めているのだと思います。

あなたのフォーラムで私のメッセージのコードを試しましたが、うまくいきました。

変更前:
image

変更後:
image

これが求めているものでしょうか?

「いいね!」 1

プロフィール見出しを表示したいと既に申し上げましたが、この見出しをフルネームの下に表示できれば、お送りいただいた2番目の画像のように、「Internship Secured」のプロフィール見出しが表示される場所で素晴らしいでしょう。