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日 / [最終更新日] 2019年12月10日 カテゴリー：WordPress講座
同じカテゴリーの記事
-
WordPressをサーバーにインストールする（ロリポップ！）まずは、ロリポップ！の管理画面にログインします。 （1）サーバー申し込み時の「アカウント」を入力 （2）「ドメイン」を選択 （3）パスワードを入力 「ログイン」をクリック。 ロリポップ！の管理画面の左側、「… [続きを読む]
-
WordPressの【現在メンテナンス中のため、しばらくの間ご利用いただけません】の復旧方法WordPressサイトのシステムやプラグインを更新中に、うっかり管理画面の他のページを触ってしまうと、 このようなエラーが出てしまうことがあります。 そのままにしておいても、待てど暮らせど変化がないので。 初めて見た方… [続きを読む]
-
独自ドメインの取り方（ムームードメイン）WordPressを仕事として本格的に使うには、ドメインとサーバーを借りる必要があります。 ドメインとは、自分のホームページの「住所」で、サーバーはデータを置いておく「場所」です。 初めて取得されるかたは、ムームードメイ… [続きを読む]
-
WordPressの初期設定をするWordPressをインストールできたら、初期設定をしましょう まずは管理画面にログインして、左メニュー「設定」→「一般」を開きます。 （1）「サイトのタイトル」変更する場合は、書き換えます （2）「キャッ… [続きを読む]
最新の投稿
2020年03月25日
2020年03月03日
2020年02月25日
2020年02月18日
カテゴリー
アーカイブ
