* Blogger:記事の横サイズを大きくしたい

2026年9月21日月曜日

Blogger

t f B! P L

Blogger:記事の横サイズを大きくしたい

記事の横サイズ(幅)をもう少し広げたい。
QooQのレイアウトは、中央のコンテナ幅(.container)と、メイン記事エリア(#main-content)の幅が固定計算されている。
全体の幅(.container)を 100px 拡張し、それに伴って記事エリア(#main-content)の横サイズを広げる設定を追加する。

/* --- コンテナと記事欄の幅を100px拡大 --- */

/* 全体の最大幅を 1180px -> 1280px に拡張 */
.container {
  max-width: 1280px !important;
}

/* メイン記事欄の幅を拡張(サイドバー316px + 間隔30pxを引いた幅) */
#main-content {
  width: calc(100% - 346px) !important;
}

幅の調整について

max-width: 1280px; の数値を 1300px(さらに+20px)や 1230px(+50px)などに変更して調整する。
サイドバーの幅(316px)は維持したまま、記事本文の表示領域だけが横に広がる。


公開:2026.09.21(月) 22:24 台風

その他の記事

QooQ