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講座
同じカテゴリーの記事
-
Twenty Seventeen（無料テーマ）でホームページを作るWordPressは「テーマ」と呼ばれるテンプレートでデザインを変更することができます。 無料のものから有料のものまでありますが、今回はWordPressの公式テーマ「Twenty Seventeen」というデフォルトの… [続きを読む]
-
WordPressのプラグインを多用するリスクと対策先日、WordPressで作ったサイトのバックアップと、ヘッダー画像を差し替えたいとのご相談があったのですが、 サイトを拝見したところ、レイアウトを含めていたるところに30個以上の大量のプラグインが使用されており、更新も… [続きを読む]
-
WordPressでアドレスをルートディレクトリに移動する方法（エックスサーバー）WordPressをインストールする時にドメインの直下に置くと、将来的にサイトを複数運営したいと思った時に、直下にあるファイルがたくさんあるので、管理がしづらくなってしまいます。 それを防ぐために、ドメイン直下にフォルダ… [続きを読む]
-
レンタルサーバーの借り方（ロリポップ！）サーバーとはホームぺージのデータを置いておく「場所」のことです。 レンタルサーバーを借りることで、自分で作ったホームページのデータが管理できるようになります。 ここではロリポップ！サーバーの申し込み方法を説明します。 ロ… [続きを読む]
最新の投稿
2019年12月27日
2019年12月23日
2019年12月10日
カテゴリー
アーカイブ
