一応、導入しているプラグインを全て一旦無効化し、Cocoon設定を変更してみようかと試みましたが、やはり変更の保存が出来なくなっています。
何が原因か分かりません。

こちらのプラグインなどを使用してエラーログが出ていないか確認していただいてよろしいでしょうか。

Error Log Monitor – WordPress プラグイン | WordPress.org 日本語
https://ja.wordpress.org/plugins/error-log-monitor/
Error Log Monitor：PHPエラーが発生したらメールで通知できる
https://www.hiskip.com/wp/plugin/site-manage/notify/error-notify/6052.html

以下のプラグインなどでもエラーが出ていると上部ツールバーに赤く出力されます。

Query Monitor – WordPress プラグイン | WordPress.org 日本語
https://ja.wordpress.org/plugins/query-monitor/

試してみましたがエラー等は確認できないです・・・
各個別記事などの編集等は問題なく出来るのですが、Cocoon設定のみ変更ができなくなっています。

Orthi7nosさん

ブラウザの拡張機能は、ご利用でしょうか。

ご利用の場合は、全部無効化して、試してみると良いと思います。

ご利用でなければ、ご放念ください。

@mk2_mk2 
Chromeの拡張機能を全てオフにしましたが変化なしです。
「変更をまとめて保存」ボタンが全く反応しない状態です。

Orthi7nosさん

押せるのけど、反応しない。
押せない？

デベロッパーツールで確認しても良い気がします。

イメージとしては、以下の手順です。

• Cocoon設定を表示させる
• デベロッパーツールを表示させる
• デベロッパーツールの「network」を選択
• networkで、クリアホダンを押して、綺麗にしておく
• Cocoon設定の「保存」をクリックしてみる

上記で、どんなものが表示されるか、キャプチャしていただければと。

デベロッパーツールのことについては、以下を確認してください。

Google Chrome Networkタブの見方(フィルサイズ/表示時間)
https://itsakura.com/chrome-network

networkやクリアについては、上記の「Networkタブで計測する方法」の前後に記載があると思います。

Cocoon設定を開いたときに表示されたログの中に、エラーらしきものが1つだけありました。

こちらです。

Consoleの方にはこちらが表示されていました

Orthi7nosさん

すみません。

networkを見ていただきたいのですけれど・・・。

添付いただいたものは、Cocoonのアクセス集計かと思います。
トップページは、固定ページでIDが2ですよね。
（プレビューで表示されているのでは）

なぜ、それのアクセスができないのか分かりませんけれど。
（広告ブロックや、セキュリティソフトの拡張機能がブロックすることがあるみたいですが、確かなことは詳しく調べないと分からないと思います。右側のぎょょう番号が表示されているリンクをクリックすれば、分かるかもしれないです）

縮小化機能なども、無効化していただけますか。

アクセス集計自体が、Cocoon設定が保存できないこととは直接は関係ないと思われます。

ボタンをおしても何も記録されないんですよ・・・

Orthi7nosさん

縮小化機能を無効化してもダメでしょうか。

すみません「縮小化」の意味が分からず・・・
DevToolsのみで、という事でしょうか…？

すみません、Cocoonの高速化機能です。

投稿者:: @orthi7nos

↑

HTML縮小化：1
CSS縮小化：1

プラグインなどでも、同様の機能があるかもしれないです。

CSSやHTMLが縮小化されていますので。

高速化の設定はすべて切り、プラグインも全て無効にした状態です↓

Orthi7nosさん

「Cocoon設定」－「カラム」で、エラーが出ていないでしょうか？

「コンテンツ余白幅」あたりが怪しそうに思います。

【追記】

一度「カラム」のタブを選択して、保存してみてください。

今確認したら、コンテンツ余白幅が最小10のはずなのに0になっていました…
しかもそこで数値を弄っても0に戻ってしまうのでテーマファイルエディタでしょうか・・・

Orthi7nosさん

「コンテンツ余白幅」が、「0」であったため、エラーになって、保存できないということかと思います。

「10」を入れても、「0」に戻るのでしょうか？

【追記】

そうだとしたら、親テーマに切り替えても、同じ事象が発生するか、確認していただくと良いと思います。

親テーマにしたら変更が可能になりました・・・！
となると子テーマ側のエディタで無理やり書き換えている、ということでしょうか？

Orthi7nosさん

子テーマ側のカスタマイズが原因だと思います。

なるほど・・・
この場合、どこを書き換えているか検討つかれたりしますか…？

＞わいひらさん

「Cocoon設定」で、入力エラーがあった場合、気づかないことがありますね。
（分からない）

以前も、「Cocoon設定」が保存できないというお問い合わせがありましたが、もしかするとこれかもしれないです。

今回は「カラム」の「コンテンツ余白幅」でした。
（結果的に「0」が入力されているので、エラーになっている）

「カラム」タブのままで、「保存」を押せば、エラーが表示されて、エラーだと気づきます。
しかし、他のタブに移動して「保存」を押した場合、エラーに気づかないです。

Orthi7nosさん

投稿者:: @orthi7nos

↑

なるほど・・・
この場合、どこを書き換えているか検討つかれたりしますか…？

すみません、そこまでは分からないです。
外部からは見えないんです。

ありました・・・
functions.phpで
}
function get_main_column_padding(){
return 0;
}

となっていたので10にして子テーマに戻したらcocoon設定の変更が可能になりました…！

夜分遅くにご丁寧に対応してくださって本当にありがとうございました…！
1人で泣き寝入りする所でした・・・

Orthi7nosさん

良かったです。
（思いっきりゼロにしていますね）

もし、必要ならCSSでゼロにすると良いと思います。

なるほど・・・！
いかんせんこういったjavaやCSS、phpは恥ずかしながら何もわからずやっていたので助かりました・・・

Orthi7nosさん

以下でできると思います、たぶん・・・。

.content-in .main {
    padding-left: 0;
    padding-right: 0;
}

あまりお勧めはしませんけれど。

ちょっと気になったため補足しておきます。

もし CSS で Cocoon 設定の「コンテンツ余白幅」を調整するのなら、CSS のセレクターは .main だけにします。

.main {
  padding-left: 0;
  padding-right: 0;
}

.content-in まで書いてしまうのは、Cocoon 設定の「コンテンツ余白幅」の動作とは異なります。スマホでも余白が 0 になってしまいます。

「カラム」タブのままで、「保存」を押せば、エラーが表示されて、エラーだと気づきます。
しかし、他のタブに移動して「保存」を押した場合、エラーに気づかないです。

今回のケースは、どのタブでもコンソールエラーを確認できるためエラーに気付きます。タブで分かれてはいますが、どのタブも同じページ内にあります。

投稿者:: @akira

↑

今回のケースは、どのタブでもコンソールエラーを確認できるためエラーに気付きます。タブで分かれてはいますが、どのタブも同じページ内にあります。

今回見つかった際に「カラム」タブを開いていた訳ではありませんので、それは承知しています。

デベロッパーツールを開いて確認をしないであろう、「一般の方が操作していて」ということです。

私が「エラーが表示」と書いたのは、「Cocoon設定操作画面内」の話です。

補足すべきなのか良く分かりませんけれど。

例えば、「カラム」タブの「コンテンツ余白幅」に「0」を入力した際の話です。

「カラム」タブのまま、「保存」すると、以下のようにエラーが表示されて、操作しているユーザーはエラーに気づきます。

テキストボックスに出るエラーはCocoonでエラーチェックをしているわけではなく、HTMLとブラウザの機能で表示されているものなので、表示されているタブ以外のエラーを分かりやすくなるよう修正するのはそれなりに体力が要りそうです。

保存時にCocoonでエラーチェックを実装する、設定値の読み出し時にエラーになるような値は読み出さないようにするなど対策は考えられますが…。

今回は子テーマのfunctions.phpを独自にカスタマイズし本来入力できない値に設定していたことが原因ですし、通常の手順では起こらない問題だと思います。
なので自己責任の範疇ということで特に対応せずでも良いと思います。

ケースとしては少ないのかなぁとは思うのですけれど。

何か良い方法はないかなぁ…と。
そう思っただけなんですけどね。

今回は、functions.phpが問題でしたけれど。

手入力しても、同じなので。
もちろん、入力範囲の記載があって、その範囲外の入力をしているのですけれど。
（何かユーザーに優しい方法はないか・・・と）

仕方ない・・・ですかね。
（実装が大変なら、コストに見あわないですね）

投稿者:: @mk2_mk2

↑

今回は、functions.phpが問題でしたけれど。

手入力しても、同じなので。

そうでしたね。

「通常の手順では起こらない問題」というのは誤りでした。

「カラム」タブのまま、「保存」すると、以下のようにエラーが表示されて、操作しているユーザーはエラーに気づきます。

ブラウザがフォーム検証で表示する吹き出しのことをおっしゃっていたのですね。

であれば、<input> に不正な値を入力した時にエラーだよと視覚的に知らせればいいように思えます。例えば、scss/admin.scss の 311 行目 あたりに以下の CSS を追加するのはどうでしょうか？ちょっとネストが深いのが気になるけど。

#tabs {
  & input {
    &:where(:not(:focus-visible)) {
      &:invalid {
        animation: shake-x 1s;
        background-color: rgba(255 0 0 / 0.2);
        border-color: red;
      }
    }
  }
}

@keyframes shake-x {
  10%,
  30%,
  50%,
  70%,
  90% {
    translate: -4px 0;
  }

  20%,
  40%,
  60%,
  80% {
    translate: 4px 0;
  }
}

functions.php で不正な値を設定しているケースにも対応する場合は、JavaScript が必要です。不正な値を入力した箇所の一覧を表示するだけなら面倒ではないと思いますが、対応する必要はないように思えます。

Akiraさんのコードをそのまま使わせていただいて、不正な値があった場合は添付画像のような挙動になりました。
これで後から見返した時などには分かりやすくなったかと思います。
ありがとうございます！

ご対応いただき、ありがとうございます。

他タブに移動して保存した際、不正入力値がある場合に、入力欄が赤くなっていることを確認させていただきました。
（「カラム」タブ以外のものも）

＞Akiraさん

ご検討・ご教示いただき、ありがとうございました。

以前より分かりやすくなったと思いますし、フォーラムでお問い合わせがあっても、ご案内しやすくなったと思います。

ご確認いただきありがとうございます。
違うタブを選択してしまった場合は、分からないですが、以前より間違いなく問題がある部分が分かりやすくなったと思います。
皆様に感謝申し上げます。