【WordPress】SANGOでプロフィールを見やすくするカスタマイズ

今回は、WordPressテーマ「SANGO」のプロフィールすっきり見やすくさせるCSSを紹介します。

ああ…今回もきっと需要の低い記事だと思いますが、検索しても出てこなかったので自分でやった記録に残そうと思って…(笑)

SANGOのスマホ版プロフィールエリア

PC版は横幅があり、画像左、文字が右で綺麗に表示されます。

しかし、スマホ版は画面の上から下まで全部を覆うくらいあります。

これをもうちょっとすっきりさせたいなと思いました。

SANGOを追加CSSのみで改造する

完成版はこんな感じ。

CSSで変更する点は

  • 「この記事を書いた人」のふきだしを非表示に
  • 画像周辺のセンタリング
  • 文字部分のフォントサイズを小さくする
  • SNSアイコンのセンタリング

です。

追加CSS

管理画面>カスタマイズ>追加CSSから追加します。

おわりに

文字を小さくするだけでぐっとプロフィール控えめ感でて良い感じ。

SANGOはどこから見てもSANGOってわかってしまうテーマなので、地味にWebフォントでフォントを変えてみたり、記事下のアイキャッチを記事によって表示非表示にしてみたり、色々試していくのがよさそうです。