投稿者:: @moai

↑

なぜか反映されません。

漠然と言われても伝わりません。

カスタマイザーで選択した見出しが反映されない？
設定した色が反映されない？
設定項目が期待通り表示されない？

何が反映されないのか、画面キャプチャなど、具体的な部位を示して頂きたく。

@chu-ya 

LocalのLiveLinkで見た時だけ、「メイド・イン・ヘブン」が全体的に反映されていないようで、スキン「なし」の状態です。
例えば次の２点です
・トップページのタイトルとメニュー
　※添付：上段がWordpressプレビューで見たものでメイド・イン・ヘブン反映
　　　　　下段がLiveLinkで見たもので、メイド・イン・ヘブンが反映されず、スキンなしのようです

・記事投稿の見出し
　設定した見出しデザイン（付箋、塗りつぶし）がテスト環境では表示されない（スキンなしの状態になっている）

最初にお伝えしているようにLocal上のWordpressでプレビューを見た時は「メイド・イン・ヘブン」スキンは反映できているのです。
それをLiveLinkで見ると、なぜかスキンが「なし」の状態になってしまいます。

上記の説明でいかがでしょうか…。

moaiさん

共有元（Localのインストールされている環境）では、問題は起きていないようです。
そして、共有先（LiveLinkを通して閲覧した側）では、正しい表示ではないのですよね。
  

上記のような場合、原因が何かは分かりませんが、LiveLink起因の可能性が、極めて高いと思います。

LiveLinkは、万能ではなく、公式サイトにも以下のように記載があります。

Troubleshooting Live Links

Live Links is broadly compatible with many themes, plugins, and custom code snippets. However, some images, front-end assets, or other HTML elements may be missing from your site when viewing it over Live Links. If you’re having issues you mightopen up the console of the pageand see what errors are present. Is it still showing errors related to mixed or insecure content? Or something else?

-----------------------

ライブリンクのトラブルシューティング

Live Links は、多くのテーマ、プラグイン、カスタム コード スニペットと幅広く互換性があります。ただし、Live Links でサイトを表示すると、一部の画像、フロントエンド アセット、またはその他の HTML 要素がサイトから欠落する場合があります。問題が発生している場合は、ページのコンソールを開いて、どのようなエラーが発生しているかを確認してください。まだ、混在コンテンツや安全でないコンテンツに関連するエラーが表示されていますか? それとも、他の何かですか?

「一部の画像、フロントエンド アセット、またはその他の HTML 要素がサイトから欠落する場合があります」とのこと。

共有先で、デベロッパーツールで確認しないと、原因は分からないと思います。
（共有元では、不具合は起きておらず、共有先（LiveLinkを通して閲覧した側）で問題がある状態ですので）

LiveLinkをご利用なのですから、共有していただくことはできるのではないでしょうか。

それを確認していただくのが、良いと私は思います。
（時間の調整など必要かもしれないですけれど）

LiveLinkを通さないと、不具合が発生しないのですよね。
そうであれば、それを確認しないと難しいと思うのですけれど。

私の環境で試してみました。

【通常の表示】

mk2さんの結果で気になる点があり。

スキン制御が効いていない。
→ヘッダーロゴ（センタースリム）となっていない。

赤い部分が出力されない。
→スキンのパスが正しく取得できておらず、関連する関数群が読めていない。
$pathの値は何なのか？

https://github.com/xserver-inc/cocoon/blob/28752b0c442ddb8681088ee3902a83a441b79801/skins/skin-made-in-heaven/functions.php#L27-L31

↓grayishは単にfunctions.phpにコード羅列しており、複雑な作りではなく。
同様にスキン制御が効いていないように思えます。(スキンのfunctions.php動作しているのかな？疑問)

てがきノートも同じなのでは？設定したフォントなどが反映されない？

念のため、他のスキンでも、確認しました。

「grayish」です。

【通常の表示】

更に、「SILK」でも確認してみました。

一見同じように見えますが、サイドバーの「最近の投稿」のアイコンフォントが表示されていません。

【通常の表示】

更に。

スキンなしの状態も確認しました。

一見同じかと思いましたが、カテゴリーウィジェットの表示順が違いました。
（何回かリロードしても変わらず・・・）

ソースをDiffして、違いがあったので気づきました。

【通常の表示】

chu-yaさんの返信に気づいてしまいました・・・。

投稿者:: @chu-ya

↑

→スキンのパスが正しく取得できておらず、関連する関数群が読めていない。
$pathの値は何なのか？

 
【通常の表示】

• 「cocoon-skin-keyframes-css」が読み込まれていない
• 「cocoon-skin-keyframes-inline-css」がない
  （代わりに「cocoon-skin-style-inline-css」がある）
• headタグ内に出るはずのstyleタグもない

 
添付赤枠部分が違います。

【通常の表示】

投稿者:: @mk2_mk2

↑

LiveLink経由の閲覧では、var_dumpを入れても、表示されないです。

ちなみに、「echo」や「var_export」でもダメでした。

スキンの同じ場所に、上記のようなものではなく、「exit」を入れてみました。

【通常の表示】では、真っ白表示です。
（ソースにも何も出てきません）

でも、【LiveLink経由の表示】では、普通？のサイトが表示されます。
（少し崩れた表示ですけれど）

最初にスキン適用を確認した時の表示と、同じように見えます。
以下の返信の時と同じように見えます。
https://wp-cocoon.com/community/postid/79691/

そもそも、当該箇所まで来ていないようですね。

今度こそ、本当に寝ます。
（もう、まぶたが開かない・・・）

ｍｋ２さん、chu-yaさん

遅くまで調べていただいてありがとうございます…！

そもそもLiveLinkの仕様で、LiveLinkでは完全なスキン適用ができなさそうですね。衝撃的でした。汗
皆さん、テスト環境Localの場合、どうやって第三者へ共有しているんでしょうか…。

無料のテスト環境なので多少の制限はあると思いますが、第三者へ共有できないのは困りまして。
Localで第三者へ共有が難しそうならばテスト環境を変えるべきか考え始めています。

団体のサイトで、レンタルサーバーも団体名で契約しているために、
できればテスト環境はレンタルサーバー以外の個人でできる方法だと助かりますが、
よいテスト環境の方法があればご教示いただけますでしょうか。

ちょっと今日はこれ以降は、あまり時間が取れないと思いますので、分かっていることだけ。

スキンのfunctions.phpが読み込まれていないのだろうということで、確認しました。
（他に違いがあるのかもしれないのですが、そこまでは確認していないです）

以下に、var_dumpを、以下の順で入れました。

• $php_file_path
• get_skin_php_url()
• get_skin_url()

https://github.com/xserver-inc/cocoon/blob/28752b0c442ddb8681088ee3902a83a441b79801/lib/skin.php#L14

結果は以下です。

【通常の表示】

• $url
• site_url()
• strpos($url, site_url())

then、elseのどちらに入ったかも分かるように、echoを入れてあります

https://github.com/xserver-inc/cocoon/blob/28752b0c442ddb8681088ee3902a83a441b79801/lib/utils.php#L1045-L1055

結果は以下です。

【通常の表示】

var_dump(strpos('https://intuitive-mask.localsite.io/wp-content/themes/cocoon-master/skins/skin-made-in-heaven/functions.php', 'https://intuitive-mask.localsite.io'));

【通常の表示】

実際のファイルは、ローカルPCに存在しているので。
LiveLinkのURLでは、LiveLink側から参照できない感じなのかも？
（なぜ、false？それだけではない？）

投稿者:: @mk2_mk2

↑

スキンのfunctions.phpが読み込まれていないのだろうということで、確認しました。
（他に違いがあるのかもしれないのですが、そこまでは確認していないです）

以下に、var_dumpを、以下の順で入れました。

• $php_file_path
• get_skin_php_url()
• get_skin_url()

https://github.com/xserver-inc/cocoon/blob/28752b0c442ddb8681088ee3902a83a441b79801/lib/skin.php#L14

先程の上記の「$php_file_path」に、ローカルPCのスキンのfunctions.phpのフルパスを、直接代入してみました。

その結果は、以下です。

【通常の表示】

共有化については、私は良く分からないです。
（他の方をお待ちいただければと）

LiveLinkも、今回がほぼ初めて使ったような状態です。
（大昔フォーラム関連で使った時は、時間制限があったりで、使い物にならない状態でしたので、少し試して使わなくなりました）

サーバーにもテスト環境がありますし、個人で契約しているものですので、共有は何か特別なことをしなくても、やろうと思えばできますので。
（Localで動いたからと言って、サーバーで動くとは言えませんので、サーバーでもテストしています）

そろそろ、今日は時間です。
（これ以降は、あまり時間がとれないと思います）

@mk2_mk2 さん

スキンのfunctions.phpでurl_to_localを使い、スキンのローカルパスを取得しており。（先述の箇所）
キャプチャを見ると、スキンの関数群が読めていません。
期待値と異なります。

多分、grayishは動作すると思います。

chu-yaさん

投稿者:: @chu-ya

↑

スキンのfunctions.phpでurl_to_localを使い、スキンのローカルパスを取得しており。（先述の箇所）
キャプチャを見ると、スキンの関数群が読めていません。
期待値と異なります。

多分、grayishは動作すると思います。

なるほどです。

「grayish」については、以下の部分を、ローカルPCのフルパス（'c:\～\skins\～\functions.php'）に変更しました

https://github.com/xserver-inc/cocoon/blob/28752b0c442ddb8681088ee3902a83a441b79801/lib/skin.php#L14

【通常の表示】

moaiさん

本件については、私が対応するのはここまでにしようと思います。
（chu-yaさん、ありがとうございました）

テーマ・スキンの不具合とは思えず、LiveLinkに起因するもののように思います。
（流石にそこまでは、サポート対象外かと思います。外部ツールに該当すると思います）

これまで、このトピックに書いてあるように、1つ1つ何か違うのか、その原因は何かを追っていけば、対処はできるかもしれないです。
（他にも対処が必要かどうかは、事象が発生してみないと分からないです）

URLというのか、ファイルのパスの部分が上手くいかない感じですね、ここまで見た感じでは。