WordPress テーマアップデートでCSSカスタマイズが無効になる場合の対策。テーマアップデート・プラグインアップデートでレイアウト関連のCSSに影響が出る場合について。
問い合わせフォームおよび申し込みフォームの修正についてのご相談。現在のホームページに、3つフォームがあります。これまでの経緯を簡単に説明させていただきます。
WordPressに設置していたフォーム（Contact Form7を利用）を条件分岐を加えたフォームにしたく外部に依頼しました。その際、Conditional Fields Contact Form 7を利用して作成いただきましたが、デザインに不十分な点が残りました。具体的には、とある行間に余白が生じるのが解消できないとのことで、その余白を目立たせなくするための手立てとして、フォームの回答欄の高さ狭めての仕上がりとなりました。
その後、上記の問題の解決のために、別の会社に依頼をしました。こちらの希望通りに仕上げていただけたのですが、テーマをアップデートすると、変更されたデザインが元に戻ってしまうことが分かりました。納品直後でしたので、無料でご対応いただけたのですが、今後はテーマをアップデートしないことを勧められました。
しかしながら、やはりテーマはアップデートしたいと考えております。ちなみに、直近のテーマのアップデートの際に、ステージングサイトを利用して、デザイン確認をしてみましたが、やはり元に戻ってしまうようです。
Web関係のことには疎く、どのようにしたらよいのか分からないのですが、何か良い方法があれば、予算等も含めて教えていただきたく存じます。どうぞよろしくお願い申し上げます。
テーマ更新の際にカスタマイズしたデザインが無効になる→子テーマで回避
テーマ更新の際にカスタマイズしたデザインが無効になるという点につきまして、技術的には、インラインスタイルや子テーマの利用で回避することができます。
これは一旦テーマの仕様に従ってデザインを描画した後、最後にオリジナルのデザイン調整の記述を加えて「上書きする」という仕組みです。
ただ、テーマのメジャーアップデート等（マイナーアップデートでも該当箇所の変更があった場合）の際には、テーマの根本仕様が変更となるため、「上書きの指定箇所の名称」が変更になる場合があり、調整が無効になる場合があります。
インラインスタイルでデザイン指定の優先順位の設定を行う場合は、子テーマ利用の場合はとなります。ただ、テーマの仕様によっては、ご対応致しかねる場合があります。
管理画面内部をご確認後にご対応の可否をご案内させていただきます。
（なお、余白関連であれば、プラグイン内の操作だけで実施できる場合もあります。費用はインラインスタイルと同様のお取り扱いとなります。より詳しい具体的な箇所をご指示いただければ判断をすることができます）
ご希望の場合は管理者権限のWordPressログイン情報をご連絡いただければと存じます。
プラグインアップデートでCSSが崩れる場合
テーマ更新の際にカスタマイズしたデザインが無効になってしまう件、詳しくご 説明いただきありがとうございます。先ほどWordPressサイトで確認したところ、もう一つ別の問題が発生しまし て、そちらもご対応可能かどうかをご検討していただければと思っております。
Contact Form7とConditional Fields Contact Form 7をアップデートしたとこ ろ、条件分岐設定をしたところが崩れてしまう
通常、プラグインアップデートではレイアウト関連のCSSに影響が出ないのですが、もしかすると、プラグインが純正出力しているCSSを何かの方法で無効化しているものの、アップデート時に無効化の設定が消えて再有効化してしまうということなのかもしれません。推測になりますが、子テーマ内の設定によって、こうした事象は回避できると考えます。
WordPress内部を確認させていただきましたところ、Contact Form7関連のCSSが分散しているように見受けられます。子テーマの実装で「アップデート時のカスタマイズ無効」は回避できると考えますが、今現在はカスタマイズが有効な状態と捉えてよろしいでしょうか？
恐縮ながらカスタマイズを実装されたのは別の方になりますので、「実際にどの部分をどのようにカスタマイズしているのか」といったもの、そして、「カスタマイズ前の状態と、カスタマイズ後の差異」の全体像は、完全には把握いたしかねる部分はあります。
「カスタマイズが無効の状態で子テーマでカスタマイズを固定する」ということがないように作業を進めたいと考えています。
究極的には、ご希望のカスタマイズ内容を完全に把握させていただいた上で、弊社で安定動作する方法による再構築をさせていただくことでご要望は達成できると考えます。
念の為、カスタマイズを実装している該当部分をスクリーンショット等でご送付いただければ幸いです。