ありがとうございました。

まさか、こんな感じに仕上がるとはビックリでした。

cocoonに切り替えるに当たって、一番の障害となっていたのがお客様が急ぎの場面で敏速に連絡先を見つけて頂く方法でした。

LightningProのその機能は、PCとスマホで表示が最適化されており、クリックする領域によって電話発信とメール作成画面に切り替わるなど素晴らしいのですが、今回の画像切り替え方式は、画像が上手に作れた場合は、画面サイズに応じて最適なレイアウトで表示出来る点ではLightning同等となりました。

将来的に気分次第で、また画像は更新出来ると思うので、ホームページのイメージチェンジにも活用できそうです。その点ではこっちの案が良い部分ですね。

従来、子テーマの利用から逃げてきましたが、これでいよいよ子テーマがデフォルトになりました。

カスタマイズの道に片足の先の小指の先？くらい突っ込んでしまいました(笑)。

長い目で見て、軸足がカスタマイズ側になれたら良いなあと漠然と感じつつあります。

今回の件、そして最近は常に誠にお世話になっております。リフィトリーさんありがとうございます。

先ほどコピーした練習サイトにて、

リフィトリーさんの言われた通りで、車両の写真で画像ウイジェット３つめを追加して、問題なく動作しました。

今後、何かで動作不良に陥った場合に備えて、ウイジェットのidを見て、cssを直す手順に慣れてはおきたいと思います。

今から本番サイトに、練習サイトの状態をコピーしたいと思います。

テスト用のサイトがあれば、練習できますね。

画像ウィジェットのIDを調べるには、画像を右クリックしてChromeなら、検証を選択すればデベロッパーツールが開くので、簡単です。

HTMLのタグの中に id="hogehoge" となっていたら、CSSのコードでは、セレクタ名を ＃hogehoge のように最初に半角のシャープをつければOKです。

それなら実験は簡単ですね。

とは言え、間も無く実験用サイトに複製が完了したので、そこでやってみますね。

実験用　

https://cocoon.momo-express.com/

本番用

https://momo-express.com/

あまり無責任なことは書けないのですが、スマホ用の画像ウィジェットの下に入れてみてもいいかもしれません。

もし仮に、どこか崩れたら、追加した画像ウィジェットを削除すれば、元に戻るような気がします。

またレスポンシブ対応が壊れるかも？

と思ってビビって車の画像には未着手でした。

もう一つの実験サイトの方で、この状況を作って、この部分を自由自在に触れるように練習すべきかもしれません。

車の画像は要らないのですか？

画像ウィジェットは３つでもイケそうですけど・・・

今一度、誤字脱字チェックをお願い致します。

ありがとうございます。

先ほどすれ違いになりましたが、成功のご報告させて頂きました。

サンプルに作成して頂いた画像は、私には最高の画像でした。記載内容もバッチリ素晴らしいので、そのままで愛用させてください。

画像もとても良いレイアウトとサイズだったので、厚かましくも、そのまま利用させて頂きました。

想像以上に素晴らしい動作で嬉しいです。

ありがとうございます。

でも、私の場合は、idとcssファイルの関連がイマイチ理解して出来てないのか？　何度もウイジェットの削除と追加を繰り返して、偶然にも今は成功している感じがありまして、この状態を崩さないでいられるのか？

ちょっとまだ自信が持てない状態です(笑)。