投稿者:: @serene

↑

httpサイトに反映されません。

「httpsサイトに反映されません。」の間違いです。すみません。

仰っているのは、おそらく以下のことかと思います。

●補足

環境情報を表示した際、本来、図のように、インストールパス以下となります。
しかし、添付頂いた環境情報は、フルパスになっており。

まずは、以下の手順で試しました。

1. WordPressの新規インストール
2. Cocoonのインストール
3. サイトSSL化
4. Cocoon設定（ここでスキンも設定）

 
上記手順では、再現しませんでした。

スキンも、例のCocoonの画像（OGP等の）も、SSL化（https）されていました。

続いて、以下の手順で試しました。

1. WordPressの新規インストール
2. Cocoonのインストール
3. Cocoon設定（ここでスキンも設定）
4. サイトSSL化

 
上記手順で、再現しました。

 
上記手順後（つまりSSL化後）に、Cocoon設定を開きました。

先程、キャプチャし忘れがありましたので、再度以下手順で環境を作成しました。

投稿者:: @mk2_mk2

↑

• WordPressの新規インストール
• Cocoonのインストール
• Cocoon設定（ここでスキンも設定）
• サイトSSL化

上記サイトは、非SSL(http)でアクセスすると、スキンが適用されますが・・・。

再現テストしていただき、大変ありがとうございます。

ITど素人なもので、完全には理解できておりませんが、おっしゃる通りかと存じます。
私も、SSL化するのが遅かったのが原因だと感じておりました。

httpでカスタマイズした設定は、ホスティングサービスのバックアップから復元できるのですが、そちらをhttpsのサイトに反映させることはできないという事でしょうか？
WordPressをインストールし直して、SSLを設定し直したら、バックアップを反映できるという事でしょうか。
この手順をホスティングサービスに問い合わせればよいでしょうか。

自分で手更新するよりは、最初からやり直すのがいいように思いますが、そこでバックアップが利用できると大変助かります。

ど素人の質問で恐縮ですが、どうぞよろしくお願いいたします。

投稿者:: @serene

↑

httpでカスタマイズした設定は、ホスティングサービスのバックアップから復元できるのですが、そちらをhttpsのサイトに反映させることはできないという事でしょうか？

このバックアップがどういうものか・・・というのはありますけれど。
ドメイン移行も可能なデータであれば、SSL化はできると思います。
（ひと手間必要かと）

ただの、データベースのバックアップであれば、そのままインポート（アップロード）しただけでは、そのまま非SSL（http）の状態だと思います。

スキンの設定だけであれば、「再設定 ⇒ 保存」の流れで反映されると思います。
テーマ内画像については、設定場所で手で「https」へ変更すれば、こちらも反映されるかと思います。

投稿者:: @serene

↑

自分で手更新するよりは、最初からやり直すのがいいように思いますが、そこでバックアップが利用できると大変助かります。

このバックアップデータとは、何なのか次第かと思います。

WordPress新規インストール・テーマインストールからやり直しても、上手くやればバックアップデータを活かすことはできると思います。

• 何をバックアップしたのか
• それはどういう形式（データ）なのか
• 必要なデータは何なのか

上記のようなこと次第かと思います。

ありがとうございます。
なんとか、教えていただいた状況をホスティングサービスに伝えてみます。

http://himatsubu2.com/wp-content/themes/cocoon-master/skins/skin-grayish-topfull/style.css?ver=6.6.2

おそらく、このURLがバックアップなのですよね。
これをhttpsに更新できていないと、最初からやり直してもバックアップとして利用できないのではないかと思います。

テーマ制作者にこのURLを更新してもらうようにホスティングサービスのサポートから言われたのですが、要は、テーマの問題ではなく、私の手順が問題だということですよね。それはこちらではサポートしていただけないということでしょうか。

テーマ制作者でないとこのURLを更新できないのかと思ったのですが、私自身がファイルマネージャーなどからこのURLにアクセスして更新できるものでしょうか？httpの箇所にsを入力すればよいのですか？

投稿者:: @serene

↑

http://himatsubu2.com/wp-content/themes/cocoon-master/skins/skin-grayish-topfull/style.css?ver=6.6.2

おそらく、このURLがバックアップなのですよね。

いえ、これはスキンのスタイルシートのURLです。

これは、Cocoon設定を保存し直すことで更新されると思います。

私は、以下のようにして、解消しています。

投稿者:: @mk2_mk2

↑

 

そこで、再度スキンを選択し直して、「変更をまとめて保存」を行いました。

すると、スキンのスタイルシートも「https」で読み込まれるようになりました。

ただ、まだ新しい環境ですし、やり直した方が綺麗かな・・・という気がしなくはないです。
テーマ画像などは、手で更新する必要がありますし。
（テーマ内画像は、手更新で簡単に改善しますが、他の状況は分かりませんので、そう思うだけかもですが）

今回のようなことは、サーバー側が感知することではないような気はします。

このURLはただのスキンだけですか。

投稿者:: @serene

↑

このURLはただのスキンだけですか。

何をご質問されているか良く分かりませんが。
スキンの一部、スタイルシートのURLです。

アクセスすれば、開きます。

すみません、スタイルシートというのがよく分かっておりませんが、スキンの選択だけでしたら、おっしゃるように、設定画面から出来ますね。その他のカスタマイズ設定はまた別問題ということですよね。
承知しました。大変ありがとうございます。
ホスティングサービスに伝えてみます。
教えていただいて本当にありがとうございます 🌻 
また進展がありましたらご報告いたします。よろしくお願いいたします。

投稿者:: @serene

↑

スタイルシートというのがよく分かっておりません

うーん、説明が難しい・・・です。

簡単に言えば、CSSの書いてある場所です。

なかなか良い説明は見つからないのですが・・・。
（検索すると、もう少し分かり易いサイトがあるかも）

Stylesheet (スタイルシート)
https://developer.mozilla.org/ja/docs/Glossary/Stylesheet

• 親テーマのスタイルシート
• 子テーマのスタイルシート

それらと同様に、スキンにもスタイルシートがあります。
（スキン独自のCSSを書いてある場所）

これが非SSL(http)で読み込めないから、スキンのデザインが適用されなかったということかと。

投稿者:: @mk2_mk2

↑

アクセスすれば、開きます。

すみません、編集内容を今拝見しました。ログインか何かしないと更新できないのではないのですか？

よく見ると、やっぱりスキン選択後のカスタマイズ部分もあるようですね。

投稿者:: @mk2_mk2

↑

Cocoon設定を保存し直す

とは、どういうことでしょうか？

すみません、ちょっと難しいです。

先に書いたとおりなのですが・・・。

投稿者:: @serene

↑

ログインか何かしないと更新できないのではないのですか？

別に、外部から参照しているだけです。
誰からも参照できます。

更新している訳ではないですし、データベースを見ている訳でもありません。

投稿者:: @serene

↑

やっぱりスキン選択後のカスタマイズ部分もあるようですね。

すみません、これはどういうことを仰っているのか、私には分かりません。

投稿者:: @mk2_mk2

↑

投稿者:: @mk2_mk2

↑

Cocoon設定を保存し直す

とは、どういうことでしょうか？

先に書いた通りです。

投稿者:: @mk2_mk2

↑

すると、Cocoon設定のスキンが、何も選択されていない状態でした。
（「なし」すら選択されていない、私が設定したのは「てがきノート(ブルーコーラル)」でした）

 

そこで、再度スキンを選択し直して、「変更をまとめて保存」を行いました。

すると、スキンのスタイルシートも「https」で読み込まれるようになりました。

投稿者:: @mk2_mk2

↑

これは、Cocoon設定を保存し直すことで更新されると思います。

私は、以下のようにして、解消しています。

投稿者:: @mk2_mk2

↑

 

そこで、再度スキンを選択し直して、「変更をまとめて保存」を行いました。

すると、スキンのスタイルシートも「https」で読み込まれるようになりました。

流石に、このレベルまでくると、ちょっと対応が難しいです・・・すみません。

@mk2_mk2 再編集内容も再度拝見いたしました。ありがとうございます。私も最初からの方がいいような気がいたします。ホスティングサービスに頼まなくても自分でできるのか、検索してみますね。ありがとうございます。

@mk2_mk2 うーん、こちらも説明が難しいです。すみません、お時間使わせてしまって。サーバー側が色々してくださったので、その方法は今は難しいかも知れません。また聞き直してみますね。ありがとうございます。

ホスティングサービスが、何をしてくださるのかがこちらからは分かりませんので。
（更に海外とのことで）

通常であれば。

• WordPress新規インストール
• SSL化
• テーマ・プラグイン等のインストール＆設定

上記のようなことをやり直すのかなと。
そして、個別のカスタマイズ等があれば、それを反映させるのかなと。

それらは、日本の主要なホスティングサービスではやってくれなくて、全部自分で行うことのようには思います。

ホスティングサービス個別の何かがあるのかは、ちょっと分からないです。

ありがとうございます！やり直す必要のあるものが分かっただけでも大変助かります。

確認したわけではないので、間違っているかもしれません。
保存されているCocoonの設定情報だけが非SSLなら

[Cocoon設定]→[リセット]

で保存された設定情報を、一旦リセット。
再度、スキン一覧からスキン選択しなおせばいいのでは？

theme_mods_cocoon-child-masterのskin_urlが、ｈttp://～となっているだけなので。
ひょっとしたら、違うスキンを選択し保存し、再度選択し、保存し直すだけで解決するかも？

もう何度か書いていますけれど。

• スキンだけであれば、Cocoon設定を保存し直すだけで良いです
• テーマ内画像は、手で「https」を入力し直す必要がありますが、再入力後にCocoon設定を保存すれば、OKです。
  （OGPや吹き出し等）

その他に、何があるのかは、こちらからは分かりませんので、その部分については分からないです。
（その他個別の画像、プラグイン内画像、その他等々）

それらを正しく把握できないのであれば、新しい環境ですし、構築からやり直すということも、一案ということです。

【追記】

テーマ内画像は、ちょっとこれから確認してみましょうか。
（テーマ設定のリセットを）

【追記2】

テーマ内画像については、

• OGP画像は、SSL化(https)に変わりました
  404画像も、SSL化(https)に変わりました
• 吹き出しは、テーマ設定リセット後も非SSL(http)のままでした

テーマ設定リセット ⇒ スキン設定 ⇒ 「変更をまとめて保存」の後に、確認しました。

皆さま、どうもありがとうございます。また進捗をご報告いたしますね。

皆さま、昨日は大変お世話になり、ありがとうございました。

特にmk２さん、その後もご確認いただいたようで、大変ありがとうございます！

ホスティングサービスサポートからは、件のURLをhttpからhttpsに更新してもらえたらまた教えてください、とのことだったのですが、かくかくしかじか、1から構築し直す案を伝えづらくなり、また気力もなくなり、現在の問題ないhttpsのサイトで1からまたカスタマイズし直すのでもOK（=httpのバックアップの利用は諦める）ということを確認するだけで精一杯となり、そこで終了。

結論としては、スキンの再設定→「変更をまとめて保存」でhttpで行ったカスタマイズが戻ったことを確認できました！サイトはちゃんとhttpsになっています 🍻 

そこで、厚かましいのですが再確認です。

1. 件のURLのデータ内で、「http」で文字検索したところ、４件のみが該当し、うち「https」になっていないものは1件だけです。この1件だけを編集で「https」とすれば良いでしょうか。
2. httpでは、Cocoon設定の中ではCocoon設定とバックアップしか触っておらず、他で変更したのは全てカスタマイズのみです。私が追加したものは、画像1枚だけです。mk２さんにご確認いただいた結果ですと、上記1件のhttps更新のみで問題ないと思われますでしょうか。

以上2点を確認したく、よろしければご回答いただければ幸いです（急ぎません）。

ーーーーー

chu-yaさんがおっしゃってたのはこういう意味だったかな（=どうせhttpを諦めるなら、構築し直すのはスキン設定からでOK）？と思いながら、でしたが、皆さんがおっしゃってたのはこういうことか、とようやくここで気づきました（仕組みは未だに分かっておりませんが）。

そして今度は、mk2さんのおっしゃるその他の部分が不安になってきてしまいました。

URLはファイルパスになっていたんですね^^; ファイルマネージャーから自分で探せました^^;

開いた途端の内容にITアレルギーを起こしてすぐ閉じてから確認しないままここで質問し続けてしまっておりました。

本当にど素人ですみませんでした。よい週末を〜〜！

[Cocoon設定]→[ヘッダー]→[ヘッダー背景画像]

が該当箇所かと思います。
一旦、クリアボタンを押し、設定を保存したあと
再度、ヘッダー背景画像を選択し、再度保存すればいいのでは？と思います。

※header_background_image_urlの値が以前の状態（ｈttp://～）のままDBに保存されているので、保存します。

@chu-yaありがとうございます！こんなことまでわかるんですね！本当ですね、Cocoon設定から確認できました！

ここかぁと、やっと分かり、他のタブも確認しました。多分設定リセットしていなかったか、404もhttpのままでした。

そしてなんと、「その他」のタブに、添付のようなチェック欄が！解説ページはこちら。

その先のページの方法でSearch Regexも試してみました。

それでも、件のURLの何かのライセンス？はhttpのままでしたので、ファイルを編集しました。

やはり、おそらく設定リセットしていなかったからですかね・・他にもあると心配です。やっぱり1からの方が綺麗だったかもですが、今からリセットは本当に消えちゃいますよね。ひとまずは気にしないようにします^^;

結果としては、大変勉強になって良い機会でした。改めて本トピックを読み返すと、皆さんのおっしゃる内容の理解度が格段に上がっており、どれだけ丁寧にご説明いただけていたかが分かるようになっただけでも、自分の成長を感じます。

本当にありがとうございました！！！ 🌻 🌻 🌻 🌻 🌻 

少なくとも、chu-yaさんと、mk2さんから気になる点がないようであれば、解決済にしようと思います。

以下に現在の環境情報を貼っておきます。

----------------------------------------------
サイト名：向日葵のつぶやき Chap. II
サイトURL： https://himatsubu2.com
ホームURL： https://himatsubu2.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-grayish-topfull/style.css
WordPressバージョン：6.6.2
PHPバージョン：8.2.23
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 OPR/114.0.0.0
サーバーソフト：Apache
サーバープロトコル：HTTP/2.0
エンコーディング：gzip, deflate, br, zstd
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.8
カテゴリー数：2
タグ数：8
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845 バイト
functions.phpサイズ：203 バイト
----------------------------------------------
Gutenberg：1
Font Awesome：5
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
Akismet Anti-spam: Spam Protection 5.3.3
Ansar Import 1.0.16
Blocks Starter Templates 1.0.3
Internal Linking of Related Contents 1.1.5
Limit Login Attempts Reloaded 2.26.13
Search Regex 3.1.0
----------------------------------------------