スニペット¶
スニペットとは、AMPテンプレートの一部を複数テンプレートで使用可能にするためにを部品化できる機能です。 初期プロジェクト作成時に、AMPページによく使用される部品のサンプルスニペット、動的にPCページからAMPページ化する際に便利なシステムスニペットをあらかじめ準備しています。
サンプルスニペット¶
| スニペット | 説明 |
|---|---|
| accordion_example | amp-accordion コンポーネントのサンプル実装 |
| carousel_example | amp-carousel コンポーネントのサンプル実装 |
| carousel_img | 水平軸に沿って複数の同様のコンテンツを表示するための amp-carousel コンポーネント |
| html_head | headタグ内のコンテンツを記述するスニペット |
| ldjson | 構造化データのサンプル実装 |
| sidebar | amp-sidebar コンポーネントのサンプル実装 |
| tab_example | amp-selector コンポーネントのサンプル実装 |
システムスニペット¶
| スニペット | 説明 |
|---|---|
| _amp_filters | _amp_image, _amp_iframe, _amp_video, _amp_canonical, _amp_cleanhtml, _amp_custome_elementを１つにまとめたスニペット。html_headスニペットから利用されることを想定しています。 |
| _amp_image | imgタグをamp-imgタグに置換し、layout・width・height属性を追加するスニペット |
| _amp_iframe | iframeタグをamp-iframeタグに置換し、layout・ height・sandbox属性を追加するニスペット |
| _amp_video | videoタグをamp-videoタグに置換し、layout・controls属性を設定するスニペット |
| _amp_canonical | AMPテンプレートにオリジナルページのcanonicalタグを挿入するスニペット |
| _amp_cleanhtml | AMP HTMLで無効なタグと属性を取り除くスニペット |
| _amp_custom_element | 必要なAMP JSライブラリをインクルードするスニペット |