TwentyTwentyのWordPressテーマの横幅を変更する・初心者も簡単!

WordPressのデフォルトテーマ、TwentyTwentyテーマはシンプルなデザインで使い勝手が良さそうなのですが、コンテンツの横幅がなぜか580pxと狭いので、CSSを追記して横幅を広くしてみることにしました。

今どきのサイトにしては、横幅が狭いので広くします。

コンテンツ横幅の変更
まずはWordPressの管理画面から「外観」→「カスタマイズ」をクリック。

カスタマイズ画面が開くので、「追加CSS」をクリック。

下記のタグをコピペしてCSSの記入欄に追記してください。
max-widthのところが横幅なので、数字を変更すれば横幅が変わります。
ここでは90remにしています。
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 90rem;
width: calc(100% - 4rem);
}

追記したら右上の「公開」ボタンを押せば完了です。
実際のブラウザを読み込み直せば横幅が変わります。

まとめ
横幅をやっぱり戻したい、という場合は追記したCSSをまるごと削除して、「公開」ボタンを押せば元に戻ります。
WordPressテーマの仕様はすぐ変わるのでこのタグも変更されるかも知れませんが、今のところはこれで使えます。ご参考までに。
[公開日] 2019年12月10日 / カテゴリー:WordPress講座
同じカテゴリーの記事
-
WordPressをサーバーにインストールする(ロリポップ!)
まずは、ロリポップ!の管理画面にログインします。 (1)サーバー申し込み時の「アカウント」を入力 (2)「ドメイン」を選 [続きを読む]
-
All In One WP SecurityでERROR: Access from-と表示されてログインできないときの修正方法
All In One WP Securityはセキュリティの高いWordPressのプラグインのひとつですが、セキュリテ [続きを読む]
-
WordPressを多言語化する簡単プラグイン!GTranslateの使い方
日本語だけでなく多言語化したホームページを作る場合、手動だと2つサイトを作らないといけないので時間も手間もかかります。 [続きを読む]
-
WordPressのプラグインを多用するリスクと対策
先日、WordPressで作ったサイトのバックアップと、ヘッダー画像を差し替えたいとのご相談があったのですが、 サイトを [続きを読む]
最新の投稿
2023年09月20日
2023年09月20日
2023年08月16日
2023年08月07日
2023年08月03日
カテゴリー
アーカイブ


