MonoTsuduriテーマ

はてなブログ用テーマ「MonoTsuduri」のデモとカスタマイズ方法について

ブログの幅を変更する

パソコンで見た場合、MonoTsuduriのテーマ初期状態はシングルカラムで、最大が640px幅になっています。
この横幅を変更したい場合は、下記のカスタマイズを行なってください。

CSSカスタマイズ

管理画面→デザイン→レンチマーク→デザインCSSからCSSの追記ができます。

CSS追記例の記述をコピー&ペーストするか、参考にしてカスタマイズしてください。

ブログの幅を変更する

CSS追記例(640px→820px幅に変更)
/*共通幅*/
/*記事やコンテンツの共通の幅です。
ブログの幅をもっと広く、あるいは狭くしたい場合はmax-widthの数値を変えてください。*/
#blog-title-content,
#wrapper,
#box2-inner,
#top-box .breadcrumb,
.common-width {
  max-width: 820px;
}

common-widthクラスについて

共通で使える幅設定用のコンテナクラスとして用意してあります。
ブログのヘッダーやフッターになにか要素を追加する際、ブログの全体の幅と合わせたいときなどに使用してください。