2

https://friends-with-you.myshopify.com/

私は最初のshopifyテーマを開発しようとしています。別のサーバーでホストされているスタイルシートを読み込もうとしていますが、CSSが読み込まれていません。そのCSSをコピーしてshopifyテーマのファイルに直接貼り付けると、機能します。

 <link type="text/css" rel="stylesheet" href="http://fwy.pagodabox.com/magic/themes/fwy/fwy.css" />

上記のURLで何が間違っているのですか、そしてなぜcssがロードされないのですか？

ありがとう！

4

4 に答える 4

10

http と https の両方で CSS ファイルをロードできますか? その場合は、タグを次のように変更します。

<link type="text/css" rel="stylesheet" href="//fwy.pagodabox.com/magic/themes/fwy/fwy.css" />

そうすれば、ユーザーがhttp://yourstore.comまたはを使用https://yourstore.comしてアクセスした場合でも、使用しているプロトコルを使用してスタイルシートが提供されます (混合コンテンツの警告は表示されません)。

もう少し背景: http://paulirish.com/2010/the-protocol-relative-url/

IE7 および IE8 では、<link>タグでこれを使用すると、コンテンツが 2 回取得されます。

于 2012-07-18T21:24:27.833 に答える
7

安全なURLを使用するようにリンクタグを変更します。

<link type="text/css" rel="stylesheet" href="https://fwy.pagodabox.com/magic/themes/fwy/fwy.css" />
                                                 ^

現在使用しているURLはそれ自体で正常に機能しますが、SSLを介してShopifyストアを参照しているため、多くのWebブラウザーはセキュリティで保護されていない接続を介してCSSをロードすることを躊躇します。

チェックしたところ、pagodaboxはSSLを介してCSSファイルを正常に提供します。

于 2012-07-18T21:20:05.577 に答える
0

通常の HTML ドキュメントでは、スタイルシートが存在し、URL を入力してロードできる限り (私は可能です)、どこからでもスタイルシートをロードできます。

ページは、左側にロゴがある 2 つのナビゲーション バーとして表示されます。各アイテムには、色付きの背景への遷移を伴うホバー状態があります。ただし、ページを読み込んだときに、安全でないと思われるコンテンツを読み込まないように Chrome から警告が表示されました。これが読み込まれる前は、Times New Roman のテキストだけが表示されます。これはあなたの問題だと思います。

私は WordPress でテーマを使用しており、スタイル シートが付属しています (ほとんどの場合)。スタイルシートをテーマの残りの部分に入れることができなかった理由がわかりません。

全体として、答えは (通常は) はいですが、この場合、ブラウザはそれを安全ではないと見なし、ロードしない可能性があります。

于 2012-07-18T19:27:34.417 に答える
0

はい、できます！ただし、サーバー上または他のファイルが存在する場所でスタイルシートをホストする方が高速です。他の場所からスタイルシートを含めることを計画している場合、そのサーバーがダウン/ビジーであるという問題が発生する可能性があり、そのためテーマが必要に応じて表示されません. @Blieque が述べたように、一部のブラウザーは外部コンテンツに疑問を呈し、ユーザー/ユーザーエージェントに不要な警告ポップアップを引き起こす可能性があります。

于 2012-07-18T19:33:16.450 に答える