【WordPress】SANGOのプロフィールで改行する方法

この記事ではWordPressテーマのSANGOのプロフィールで改行をする方法について説明します。

以下のように改行を入れることができます。

今話題の Notion を使ってみる

目次

• 【結論】CSSを追加する
  • CSSを追加する方法
  • 改行を入れる方法
  • 【失敗】<br>タグを入れても改行が反映されなかった
• 「この記事を書いた人」で改行を入れる場合

Notionで実現する新クリエイティブ仕事術　万能メモツールによる最高のインプット＆アウトプット（できるビジネス）

posted with ヨメレバ

村上臣 インプレス 2022年02月17日頃

楽天ブックス

Amazon

Kindle

7net

【結論】CSSを追加する

子テーマのCSSに以下のコードを追加することで、改行が反映されるようになります。

.profile-content p { white-space: pre-wrap;
}

WordPressの管理画面で「外観」→「カスタマイズ」をクリックします。

「追加CSS」をクリックします。

コードを追加します。

.profile-content p { white-space: pre-wrap;
}

「ユーザー」→「プロフィール」をクリックします。

プロフィール情報の改行がプロフィールにそのまま反映されるようになります。

プロフィール情報に<br>タグ（改行コード）を入れると改行されるという情報を見て試しましたが、私の場合はなぜかうまくいきませんでした。

<br>タグを入れても、改行が反映されず<br>タグが消えてしまいました。

ページ下部に表示される「この記事を書いた人」で改行を入れる場合は、下記のようなCSSを上記と同じ手順で追加します。

.author-info__inner p { white-space: pre-wrap;
}

この方法については、以下のページを参考にしました。

この記事ではプロフィールに改行を入れる方法について説明しました。

ここまで見ていただき、ありがとうございました。