はじめに
ブログを作成したらまず着手したいのが、サイト上一番目立つサイドバーになります。
ここの部分はプロフィールや最新記事など、重要な事を載せるため一番カスタマイズすべき部分でもあります。
サイドバーの見出しのカスタマイズについて
前回までで、見出しのカスタマイズと、スマホ画面のレスポンシブデザインについて説明しました。
今回のサイドバーのデザインCSSに貼るコードは以下になります。
.hatena-module-title{
color: #ffffff;
background: #3366ff;
border-radius: 5px;
padding: 20px 20px;
}
場所はいつも通りダッシュボード＞デザイン＞スパナ＞デザインCSSになります。
こんな形に見出しが変更されたかと思います。
テーマやデザインを色で合わせる事で統一感が生まれて見やすいブログにもなるので是非、試してみて下さい。