2017-07-17 5 views
1

アンプページに外部CSSスタイルを追加する方法を教えてください。 このタグは、CSSファイルを含めるために使用しています。外部CSSのAMPページリファレンス

<link href="css/cssnew.css" rel="stylesheet" media="screen"> 

その次のエラーを与える:タグで 属性「のhref」「をリンクのrel =フォントのスタイルシートを」無効な値「CSS/cssnew.css」に設定されています。 (https://www.ampproject.org/docs/reference/spec#custom-fonts参照)

インライン・ドキュメントでは、インライン・スタイリングを使用するように指定されています。

<style amp-custom> 
//css code 
</style> 

しかし、このタグの中には、特定の制限があるため、必要なCSSをすべて含めるにはどうすればよいですか。誰も私がアンプページに全く慣れていないので、これに関して例について私に説明することはできますか?事前にありがとう

答えて

2

は、PHPを使用することによって、あなたはそれを行うことができますが、あなたはヘッド部

<?php readfile(getcwd() . "/amp.css"); ?> 

CSS形式返信用

<style amp-custom> 

body { 
    background-color: blue; 
    } 


</style> 
+0

のおかげで、この行を含める必要が CSSは50キロバイトを超えないようにしてください。できます。 –

3

CSSのような外部スタイルシートを追加することはできません。追加ネットワーク要求が必要なため、サイトの読み込みが遅くなります。
Basic howtoを参照してください。