早急なご返信ありがとうございます。

テスト環境知りませんでした。

サブドメインでテスト環境を作成する手順が記事にのっていましたので、トライしてみようと思います。

投稿者:: @jamkun

サーバーに余裕があればですが、WordPress本体やプラグインのアップデートをしてもプラグインが正常に動作するか、本番環境でおかしなところがあるけど設定あまりいじれない、というようなときにテスト環境が用意されていると、最悪壊してしまっても再インストールすれば済む話ですので、テスト環境があると便利ですよ。

私の質問は以上になります。ご教示いただき大変ありがとうございました。

このコードを見たとき、marginで行間（topとbottomで上下余白）の設定をしているのがわかります。

また私のサイト（テスト環境含む）や、Cocoonのサイトでも同様のCSSはありましたが、marginで指定されている数値が異なっていました。

その中でCocoonの設定となると、「Cocoon設定」＞「本文」の中にある「行の余白」が関連しているのではないかとテスト環境で数値を変更したところ、再現した次第です。

サーバーに余裕があればですが、WordPress本体やプラグインのアップデートをしてもプラグインが正常に動作するか、本番環境でおかしなところがあるけど設定あまりいじれない、というようなときにテスト環境が用意されていると、最悪壊してしまっても再インストールすれば済む話ですので、テスト環境があると便利ですよ。

ご返信ありがとうございます。

勉強のためもう一つだけ質問させてください。

投稿者:: @jamkun

3.本文に影響を与えるとしたらCocoon本体の設定か、プラグイン含め、別途用意したCSSファイルの影響

とありますが、Cocoon本体の設定かも、と思った時にそれが「本文」の中にある「行の余白」とどうしてわかったのでしょうか？

ソースコードを見るとスキンスタイルに.entry-contentがあることまでは確認できましたが、本文の行の余白とまではたどり着けませんでした。

投稿者:: @jamkun

この「.entry-content>*, .demo .entry-content p」の値は、

「Cocoon設定」＞「本文」の中にある「行の余白」で変更可能です。

2.style.cssのように、CSSファイルが別途出力されていない（HTMLファイルに埋め込んだ状態になっている）

3.本文に影響を与えるとしたらCocoon本体の設定か、プラグイン含め、別途用意したCSSファイルの影響

などなど考えていくと、Cocoon設定の線が強いようにお見受けしました。

Cocoonは子テーマも含め、「高速化」設定の「CSS縮小化」を行うと、CSSがHTMLファイル上に縮小化され埋め込まれるようになっています。

どのファイルが影響しているのかChromeの検証ツールからでもわかりにくかったら、「高速化」の設定をすべて一度解除しておくと、どこの記述の影響なのか見えやすくなりますよ。

ご回答ありがとうございます。

コクーン設定本文の行の余白が効いていたようです。

また、エラーコードを修正したところ、記事によって行の余白が異なる問題が解決しました。

解決済みにする前に一点だけ教えていただきたいのですが、なぜ下記コードがコクーン設定本文の行の余白と分かったのでしょうか？

.entry-content>*, .demo .entry-content p {
    margin-top: 3.7em;
    margin-bottom: 3.7em;
}

ちょっと書き方があれだったので、一部訂正を。

p, .paragraph {
margin: 1em 0 3em 0;
}

この「.paragraph」が付いたCSSでは、現状「p」に対してマージンが適用されています。

ただしCSSのセレクタの関係上、「.entry-content>*, .demo .entry-content p」に負けており、優先して「.entry-content>*, .demo .entry-content p」で設定した値がマージンとして使用されています。

この「.entry-content>*, .demo .entry-content p」の値は、

「Cocoon設定」＞「本文」の中にある「行の余白」で変更可能です。

問題ない記事としてサンプル提示いただいた記事だと、導入文に問題があります。

（コードが正常ではありません）

このコードより上は「.entry-content>*, .demo .entry-content p」が適用されていますが、それよりも下は「p, .paragraph」で「p」のマージンを決定しているようです。

1.Cocoonの設定からマージンの量を調整する

2.記事にある誤ったままのコードを正常に処理する

3.なお問題が続くようであればもう少し詳細な環境情報をいただければほかの方からの的確な回答がもらいやすいかもしれません

書き込みの前に以下の3点をご確認ください。

1.1つのトピックにつき1つの質問を書き込んでください

2.不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください

3.該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります 

ご返信ありがとうございます。

初心者のため頭を悩ませています。

最初に添付した画像のまとめから下の文章は.paragraphではないということでしょうか？

添付した記事だけが段落のはじめの余白が多くなっています。

子テーマのスタイルCSS以外で記事によって書式が変わるように設定することができるのでしょうか？

【問題がある記事】

https://fuku-channnel.com/before_led_exchange

【問題ない記事】

https://fuku-channnel.com/howto_dring_water

スクリーンショットにもある

.entry-content>*, .demo .entry-content p {
    margin-top: 3.7em;
    margin-bottom: 3.7em;
}

というのが見受けられます。

p, .paragraph {
    margin: 1em 0 3em 0;
}

は別途設定されており、「.paragraph」に対しては、指定しているマージンが取られています。

「.paragraph」以外の要素は、まだスキンで設定されているデフォルトのCSSの影響を受けていますので、子テーマに上書きして、お好きなマージンを取ってみてはいかがでしょう。

テーマの設定ではないかもしれませんが、表題の現象が下記の記事で起きています。

https://fuku-channnel.com/before_led_exchange

通常、段落の余白はmargin: 1em 0 3em 0;にしていますが、上記記事は下記のCSSが適応されているようです。自分で設定した記憶はありませんが、テーマ設定によって変更されているのでしょうか？

1. margin-top: 3.7em;
2. margin-bottom: 3.7em;

子テーマのスタイルCSSでは記載されていないので原因不明です。

大変お手数ですが、アドバイスいただけますと幸いです。

よろしくお願いいたします。