このＡのテーマを使用した再々リニューアル作業は、基本設定と再リニューアル時に作成したページをAのテーマの環境下で表示した際の表示の不具合の修正が中心であったことから、その作業は大して時間が掛かるものではありませんでした。

しかし、ワードプレスのテーマは各々特徴があり、テーマの標準機能で実現できる範囲は異なっています。
Ａのテーマは、集客に優れていると言われているテーマであったことから、ＣＴＡ（ホームページを見に来た人を購買（法律事務所の場合は問い合わせということになるのでしょうか））機能が優れているといわれているものであったこともあり、問い合わせに関する各種機能は充実していました。
そのため、この再々リニューアル時には、lighting G3 proで作成したページのＡテーマ環境への一連のコンバージョン作業の後に、lighting G3 proにはなかったＡのテーマが有するＣＴＡ関係の機能を追加する作業をおこなうこととなりました（尚、Ａのテーマに存在し、lighting G3 proが有していない機能があることをもって、Ａのテーマの方がlighting G3 proより優れていると言えるわけではありません。lighting G3 proにありＡのテーマにない機能も存在しますし、運用における安定性、価格等の要素も考慮すると、lighting G3 proが優れた商品であるのは間違いないと今でも考えています。）。

この頃は、ワードプレスのエディター機能とｈｔｍｌ、ｃｓｓでの対処の仕方を理解していなかったことから（今でもよくわかっていませんが・・・）、自らが実現したい完成形と標準機能で実現きる範囲にギャップが生じた場合、多少のギャップでもｈｔｍｌ、ｃｓｓの修正などで対応することが出来ませんでした。
このことが、更なる迷走の原因のひとつとなっていきます。

とりあえず、ＣＴＡの機能を追加した再々リニューアル版をスピーディーに本番環境に移せたのは良かったのですが、ここで、問題が生じました。

スマホ対応しているテーマは、レスポンシブ対応といわれ、ホームページの閲覧者が使用している端末（ＰＣ、スマホ、タブレット）毎にホームページ側でデザインを調整するようになっています。

作りは良くは分かりませんが、閲覧者（クライアント）の端末の種類を認識し、端末ごとに修正を加えたＣＳＳ（主にホームページの見え方を決めている）ファイルを選択させるようになっているようです。
例えば、ＰＣ用のＣＳＳファイルを㋐、スマホ用を㋑、タブレット用を㋒とします。この場合、サーバ側で閲覧者がＰＣを使用していると認識すると㋐、スマホと認識すると㋑を使用させるようにしているようです。

一方、ホームページの表示スピードを上げるために、レンタルサーバーによっては、先に見に来た人へ配信したファイルのキャッシュをサーバーに残し、次に見に来た人には、元々のホームページのファイルではなく、キャッシュされているファイルを配信することによりサーバーのレスポンスを良くする設定を標準で用意しています。また、ワードプレス側でそのような機能を有するプラグインを追加することが出来るようになっています。

そのキャッシュの設定が影響したようで、再々リニューアルしたホームページをスマホで閲覧すると、ホームページのヘッダーとフッターの部分が、スマホバージョンで正しく表示されたり、ＰＣバージョンで表示されたりするようになってしましました。同様の問題はＰＣでも生じていました。

実証実験したところ、PＣで正しく表示された後にＰＣで閲覧すればＰＣバージョンの正しい表示がなされ、ＰＣの後にスマホで閲覧するとＰＣバージョンで表示されることが分かりました。その他の組み合わせで複数回実証実験し、直前の表示バージョンで表示されるらしいとの一応の結論に達しました。
どうやら、ＰＣで表示した段階でサーバのキャッシュにＰＣバージョンのファイル（上記の㋐）が置かれるため、次にスマホで見に行った場合もファイルサーバ内の上記でいうところの㋑のファイルまでたどりつけず、㋐のファイルが配信され、スマホ上でも㋐のファイルによりＰＣ用のＣＳＳを用いてＰＣ用の画面表示がされているようでした。

この対応策としては、サーバー側のキャッシュの設定を解除し、また、ワードプレス側で有効化していたキャッシュを作成するプラグインを削除することが挙げられます。
しかし、私はその対応策を選択せずに、更に、テーマを変える再々々リニューアルを選択してしまったのです。
これにより、更なる迷走へと進んでいきました・・・（続く）