本文へ移動
Webstudio YAS
  • About
  • Price
  • Work
  • Blog
  • Contact
  • About
  • Price
  • Work
  • Blog
  • Contact
  1. ホーム
  2. Blog
  3. 【WordPress】LION BLOGのページ幅を変更する方法

公開日: 2019.08.29

【WordPress】LION BLOGのページ幅を変更する方法

【WordPress】LION BLOGのページ幅を変更する方法

LION BLOGの全体のページ幅を変更したくなって、検索したんですが出てこなかったので、自力でやってみました。
といっても簡単な方法で、「追加CSS」に以下のように書くだけ。

この方法で合ってるのかわかりませんが、一応今の所問題なさそうなので、ご紹介。

/* ヘッダー・フッター幅 */
.container {
    width: 1440px;
}
/* 投稿ページ・他幅 */
.l-wrapper {
    width: 1440px;
}

ヘッダー部分とフッター部分は、containerというクラス、真ん中の部分(投稿ページとか)は、l-wrapperというクラスのwidthを変更することで可能なようです。
ちなみにデフォルトでは、width: 1100px;となっていましたので、今回は1440pxにしてみました。

だいぶワイドな感じになりました♪

追加CSSの場所
ダッシュボード>外観>カスタマイズ>追加CSS

「【WordPress】LION BLOGのカラム幅の割合を変更する方法」もご覧ください。

タグ

  • css
  • LION BLOG
  • WordPress
  • ページ幅
  • 方法

関連記事

2022.01.21

Crayon Syntax Highlighterからhighlight.jsに乗り換える

Crayon Syntax Highlighterからhighlight.jsに乗り換える

2022.01.28

All-in-One WP Migrationのインポート容量(最大アップロードサイズ)を増やす

All-in-One WP Migrationのインポート容量(最大アップロードサイズ)を増やす

2019.05.08

WordPress内で自作のプログラム(PHPやJavaScript)をincludeして動かす方法

WordPress内で自作のプログラム(PHPやJavaScript)をincludeして動かす方法
Webstudio YAS
  • About
  • Price
  • Work
  • Blog
  • Contact
YAS プロフィール画像

長野県長野市在住
WEBエンジニア YAS

LINKS

  • X
  • Instagram
  • GitHub
Design
  • スタンダード
  • 和モダン
  • エンジニア
  • 信州ナチュラル
プライバシーポリシー

@ Webstudio YAS