プロフィールカードの文章って改行できないの？
簡単なコードを加えるだけでできますよ！
この記事はこんな悩みを解決します
- WordPressテーマ「AFFINGER」を使っている
- プロフィール文を改行して表示したい
- プロフィール文を中央→左寄せにしたい
たった3分で上記のお悩みを解決します。
AFFINGERのプロフィール文は改行タグが効かない
AFFINGERのプロフィール文は、
「ユーザー」→「プロフィール」→「プロフィール情報」から設定ができます。
しかし、ここに改行タグ<br>を入力しても下記のように反映されません。
プロフィール文を改行する方法
追記
AFFINGER管理画面から設定が可能になりました。
「投稿・固定記事」→「この記事を書いた人」→「プロフィール情報にhtmlタグを許可する」にチェックを入れることで改行タグが反映されます。function.phpへの記述は不要です。
function.phpにコードを入力する
「外観」→「テーマファイルエディター」を開き、function.phpに以下のコードを入力します。
code
remove_filter('pre_user_description', 'wp_filter_kses');
一番下にこのように入力すればOKです。
これで改行タグが反映されるようになります。
プロフィール情報を修正する
「ユーザー」→「プロフィール」→「プロフィール情報」に戻り、改行したいポイントにタグを入力します。
これで設定は終わりです。
プロフィール文を左寄せにする方法
CSSに以下のコードを追加します。
これは好みですが行間も少し狭くしたいので合わせて記述しました。
CSS
.st-author-description {
text-align:left;
line-height:1.8
}
「外観」→「カスタマイズ」→「追加CSS」にコピー＆ペーストしてください。
保存すると以下のように変更が可能です。
まとめ
今回は、AFFINGERのプロフィール文を改行して左寄せにする方法を紹介しました。
簡単な記述でカスタマイズをすることができるので是非参考にしてみてくださいね。