小テーマのstyle.cssで設定していおり、そのため親テーマのカエレバに関するコードを消しています。

ソースコードを減らしたいという目的でしょうか？

子テーマに書いたCSSは親テーマのコードを上書するので、優先順位が負けてなければ反映されます。

『Cocoonをバージョンアップしても独自設定が変わらないようにするにはどうすれば良いか』

親テーマと同じ指定方法かそれより優先順位をあげて上書きさせると良いと思います。

記事内のみ反映させたければ、例えば。.entry-content 半角スペースをセレクタのはじめに付けると記事内のみ反映させ、優先順位を上げることができますよ。

実際見てないので雑な説明ですが

Cocoon高速化設定の「CSS縮小化」設定を使うというのであれば、いけるかも。
縮小化機能を用いた方法でも良いでしょうか？

※まだ実際にコードを書いて試してないので、試してみないとうまくいくかはわからないです。

>かうたっく さん

コメントありがとうございます。

ソースコードを減らしたいという目的でしょうか？

子テーマに書いたCSSは親テーマのコードを上書するので、優先順位が負けてなければ反映されます。

目的は親テーマにあるコードによって、独自で設定したデザインが崩れてしまうので、それを防ぐために行っていました。

バージョンアップなどで親テーマにコードが追加されると、表示がおかしくなるといった不具合が発生します。

ご指摘の通り、小テーマが親テーマを上書きするので、表示がおかしい＝上書きが上手く行われてないということなので、次のバージョンアップ後にコードを見直してみようと思います。

> わいひら さん

コメントありがとうございます。

Cocoon高速化設定の「CSS縮小化」設定を使うというのであれば、いけるかも。

CSS縮小化を設定しています。何卒よろしくお願い致します。

目的は親テーマにあるコードによって、独自で設定したデザインが崩れてしまうので、それを防ぐために行っていました。

子テーマの優先順位が低いので、親テーマのスタイル指定が反映されるんだと思います。

どこがどのようになっているかわかりませんが、親テーマの指定と優先順位が同じか、それ以上にすればイケると思われます。

まずは以下のファイルでアップデートを行ってください。
https://github.com/yhira/cocoon/archive/master.zip

その後子テーマのfunctions.phpに以下のコードを貼り付けることでいけるのではないかと思います。

add_filter( 'css_url_to_css_minify_code', function ($css, $url){
  if (!includes_string('/cocoon-child', $url)) {
    $css = preg_replace('/\.booklink.+?,/', '', $css);
    $css = preg_replace('/\.kaerebalink.+?,/', '', $css);
    $css = preg_replace('/\.tomarebalink.+?,/', '', $css);
    $css = preg_replace('/\.shoplink.+?}/', '', $css);
  }
  return $css;
}, 10, 2 ); 

※上記は高速化設定で「CSSの縮小化」を行っているときのみ有効なコードです。

かうたっくさん、わいひらさん、ご返答ありがとうございます。

あれから頂いたアドバイスを元に試してみた所、アップデート後にPHPの記述する方法では、表記は変わらない（＝アップデート後に表示が変わってしまう状態）でした。

ただ、その後に、親テーマのソースと小テーマのソースをもう一度見比べて、小テーマになかった要素を設定した所、無事に問題が解決しました。

貴重なアドバイス、ありがとうございました。

小テーマになかった要素

これはなんなんでしょう？

特に普通にCocoonを利用していれば、コード以外は必要ないと思っていたんですけど。

＞わいひらさん

小テーマになかった要素

申し訳ありません、「要素」ではなく「プロパティ」でした。

親テーマのstyle.cssの.kaerebalink-imageには「width」などのプロパティがありますが、私が追加した子テーマにはそれらがなかったため、カエレバの商品画像の表記がおかしくなっていました。

子テーマで指定してないと、親テーマのstyleが反映されるのが原因でしたか。

個人的にわいひらさんのは他の環境では有効だと思いますが、内容を見てないのでコードがもったいない気もします。

圧縮された中でそのコードはどのように反映されるイメージでしたか？

親テーマのstyle.cssの.kaerebalink-imageには「width」などのプロパティがありますが、私が追加した子テーマにはそれらがなかったため、カエレバの商品画像の表記がおかしくなっていました。

なるほど。
.kaerebalink-imageの幅部分のみは、親テーマのものを使用していたので、崩れたということですね。
ただそうなると、以前自前で消していた時も崩れるような。
とりあえずは、うまく動作するようになったようで良かったです。