【SWELL】記事一覧・タイトル周辺のライター名を目立たせるCSSカスタマイズ

SWELLの記事一覧リストや記事ページで、ライター情報を目立たせるカスタマイズをご紹介します。

通常の表示では、下記のようなライター表示になります。（クリックすると拡大します）

もちろんこれでもバランスは良いのですが、最近はライター名をとりわけ目立たせるメディアが増えています。たとえばAll Aboutさんとか、LIG BLOGさんとかの大手サイトでも、ライター情報がすこし大きめの表示です。

そこで今回は上記2サイトをリスペクトしながら、SWELLで少しライター名を目立たせるカスタマイズをご用意しました。下記のような表示です。

僕の運営している個人ブログ「北海道ログ」では、実際に上記のデザインになっています。

もちろん運営者が一人ならそこまでアピールする必要もないかもしれませんが、著者情報が目立って損はありません。

コードを貼り付けるだけのカンタンなカスタマイズですので、ぜひチャレンジしてみてください。