WordPress TOPページのみ左右の余白がなくなってしまいました

前提・実現したいこと

WordPressを触って間もない初心者です。
TOPページのみ左右の余白がなくなってしまいました。余白を元に戻したいです。
エックスサーバーのプラグイン「TypeSquare Webfonts Plugin for エックスサーバー」でフォントを変えようとしたのですが変更されず、取り消したところサイトの見た目が変わりました。
使用テーマは「fresco by DigiPress」です。
別の編集者さんが購入して下さったテーマなのですが、元通りにするにはどうしたら良いでしょうか？

発生している問題・エラーメッセージ

・TOPページの左右の余白が消えた

・投稿の一番初めにある動画だけサイズが大きくなってサイドバーと重なっている
→動画の表示サイズを変更することで対処しました
(もともとは大きなサイズの指定でもきれいに画面に収まっていました)

試したこと

fresco by DigiPress: style.css (css/style.css)
1行目のmarginの数値を変えてみましたがTOP以外にも影響が出てしまいました。

「TypeSquare Webfonts」のテーマを設定しないを選び、プラグインをオフにする
→変化はありませんでした。

行動規範の内容に同意します

回答2件

ベストアンサー

テーマに含まれる各所のパーツのhtmlを改変したことで、
htmlの文法エラーを伴う修正が加わったのではないでしょうか。

例えばサイトのhtmlソースを
The W3C Markup Validation Service
などにかけて文法エラーを排除するようにしていけば、
構造がはっきりしてcssの適用も改善される可能性があります。

投稿2020/04/15 03:44

退会済みユーザー

総合スコア0

sagiri

2020/04/15 04:43

m6u様お時間を割いて下さってありがとうございます。 TOPページをW3Cでチェックしたところ、ErrorやWarningがいくつか出てきたのですが、それがどこにあるのか、どうしたら改善できるか今の自分にはわからず、まだ解決は出来ておりませんが、このようなツールがあることを初めて知り、大変勉強になりました。調べて学びたいと思います。ありがとうございます。

退会済みユーザー

2020/04/15 04:49

WordPressのテーマの作成方法についての見識を深められるのが、遠回りに思えても近道かもしれません。テーマの作り方を知って、構造がわかれば、どのページを構成するパーツがどこにあるのかまでわかってきますので、出力されるHTMLを見直ししていく感じになるかと。書籍やweb上記事など、入り口は多数あります。

行動規範の内容に同意します

テーマの CSS や HTML を変更せずにプラグイン「TypeSquare Webfonts for エックスサーバー」をインストールして、設定したら崩れたのでしょうか？

このプラグインのコードを見た感じでは、Web フォントの読み込みと Webフォントを適用するための CSS ファイルを追加で読み込みしているだけですので、テーマの CSS 等をご自身で変更していなければ、「プラグインを無効にして、Webブラウザのキャッシュをクリアすればもとに戻る」はずです。

プラグインを無効にしてから、[Shift] + [F5] 等で、リロードしてみたらどのようになりますか？

投稿2020/04/15 04:45

CHERRY

総合スコア25171

sagiri

2020/04/15 05:01

CHERRY様お時間を割いて下さってありがとうございます。無効にしてからリロードをしても崩れたまま変化はありませんでした。記憶が確かであればプラグイン「TypeSquare Webfonts」→テーマ「fresco」の順でインストールされており、設定したのは今回が初めてです。CSSやHTMLの変更も行っておりません。