Q&A
「自身のサイト」と「公式サイト」を見比べてみましたが、サイズは同じに見えますよ。
検証ツールで調べてみても、メインのカラムの幅は、どちらも max-width: 1166px; で同じです。
フォントサイズやほかの部分のサイズ設定も調べてみましたが同じになってますよ。
前提・実現したいこと
ワードプレスを利用して情報サイトを構築しています。
PCで表示した際に画面幅いっぱいにウェブサイトを表示させたい。
環境
サーバー：お名前ドットコムRS
ワードプレスバージョン：5.3.2
自身のサイトURL(https://noposi.com)
利用テーマ:STORK19(https://www.stork19.com/)
発生している問題・エラーメッセージ
ウェブサイトの画面幅が何故かフルサイズにならず困っている。
ヘッダー部分についてはフルサイズになった(これはメニューから簡単に出来た)が、ヘッダー以下のウィジェット等や記事部分がPC表示の際に明らかに小さく、画面幅いっぱいに表示されない。
デザインはそのままで、公式サイトのような横幅(そもそも文字含め、ホーム画面の表示が本家より心無しか小さく感じる)
該当のソースコード
特になし
試したこと
・CSSの認識について、サーバーキャッシュとブラウザキャッシュの双方を削除し、STORK19の公式に乗ってる適当なコードを入力したところウェブサイト上にきちんと反映はあった。
・STORK19のウェブサイトの親テーマ子テーマのソースを見た所、少なくとも子テーマの内容は自身と同じものであり、ウェブサイトのデザインに何故相違が生じるのかわからなかった。
→コードを改善すべき部分、子テーマCSSに追加すべきコードが分からない。
補足情報（FW/ツールのバージョンなど）
当該テーマを入れる前に別のテーマを使用し、ウェブサイトを構築していました。
そのテーマについては削除済みです。
大変お手数をおかけいたしますが、どうかよろしくお願いいたします。
【追記】
【追記２】
お返事大変ありがとうございます。
私の方でも、別のパソコンを使用して確認してみましたが、自身のウェブサイトの左右にのみ空白が表れてしまうようでした。検索のボタンの位置を見るに、もしかしたらツールバーが大きすぎるのかもしれないので、一度ツールバーを小さくする加工をしてみようと思います。
画面右上の検索ボタンが同じようになるように、カスタマイズ・トップページ設定から幅を調節したところ上記画像のようになりました。また、公式と比較性を確保するためにアイキャッチ画像を同じ画像(解像度等に変更なし)を使用してみた所上記のようになりました。
度々で恐縮なのですが、ご確認いただける方がいらっしゃいましたら幸いです。
回答1件
0
自己解決
ワードプレス上のカスタマイズ画面を適当に押しては更新、押しては更新をしているうちに突然直りました…。
今後同じ問題が発生した方のお力になれないような解決方法で大変申し訳ございません…。
投稿2020/03/02 13:10
総合スコア5
ブラウザのキャッシュが残っていたということでしょう。設定の更新が反映されない場合、「キャッシュをクリアするといいですね。
ブラウザのキャッシュをクリアする方法
https://helpx.adobe.com/jp/legacy/kb/222659.html
あなたの回答
tips
プレビュー
