2017年のビッグイベント、モバイルファーストインデックス。
これについては以前からも言っていますが…
あなたが、このサイトのようにWordPressを利用しているのであれば、あれを追加するだけでOK!!
だけど、そうじゃない場合はかなり時間がかかる…
そんなあなたに向けたテンプレートがついに登場。
AMPプロジェクトが、レスポンシブWebデザイン＆AMPに対応したHTMLのテンプレートを公開。
これを使えば、ッゼロから制作する必要は全くなし!!
目次
AMP Start
今回テンプレートをしているのが、「AMP Start」のサイト。
このサイトで公開されているのは、下記の2つ。
- HTMLのテンプレート（PAGE TEMPLATE）
- 各パーツ（UI COMPONENTS）
PAGE TEMPLATEの使い方
「PAGE TEMPLATE」は、ArticleとBLOGに分かれている。
大きな違いは、Article用には、サイトのロゴを入れる部分はなく、1つの記事（ページ）を制作するのに向いてそうな感じです。
それに比べて、Blogは、サイトのロゴや人気の記事を入れる部分もあり、サイト全体を制作するのに向いている感じです。
サイト全体をBlogで制作し、1つの記事（ページ）をArticleで作るようなイメージです。
カスタマイズできるのであれば、最終的にはどちらも同じ感じにはなりそうです。
文字を打ち変えるだけで、ページが出来上がるので、HTMLやCSSを知らなくてもOKですが…
やはり、色を変えたりカスタマイズした入りしたい場合は、それなりの知識がないと難しい印象を受けます。
UI COMPONENTSについて
「UI COMPONENTS」は、パーツです。
ボタンや、お問い合わせフォームなどに使用できるチェックボックスやラジオボタンなどのパーツ。
そのほかにも、SNSで使えるパーツやリスト（箇条書きや番号付き）、画像系、ナビ、footer、見出し…など。
パーツを組み合わせれば、1つのページができる感じです。
英語のサイトではありますが、一応使い方の解説もあります。
その解説によれば、6ステップで簡単に制作が完了する。
そんな感じで書いています。
まとめ
モバイルファーストインデックスに向けて、スマホ対応サイトは必須の条件です。
この機会に、WordPressを導入するのもオススメですが…
知識的に難しい場合は、AMPに対応させるために今回のテンプレートを利用するのもありかもしれません。
だけど、結局のところ、カスタマイズするには、それなりの知識が必須であることは変わりありません。
これらのテンプレートが登場すると、いよいよ…
そんな印象を受けるのは、私だけなんでしょうか（笑）
浅山佳映子の無料オンラインセミナー＆メルマガ情報
【毎週木曜日 20時〜生放送中 いちばん星TV】
ホームページを何とかしたい!!
そんなあなたのための、無料オンライン生ライブセミナーを開催中。
→https://goo.gl/MXn6yK
【浅山佳映子のYouTubeチャンネル】
→https://www.youtube.com/user/1banbo4
【講師・コンサルタントのためのメルマガ配信】
アナウンサーやプロの話手も学ぶ、惹きつけるテクニック。
ブログやホームページを成功に導くノウハウなど…
トップブロガーへと導いたマル秘テクニックも…
365日、毎日配信中!!
【100%夢を叶える秘密のバイブルをメルマガで配信】
独学でWebデザイナーを目指される方を応援するメルマガ。
成功するために必要なものは何か？
トップブロガーへと導いたマル秘テクニックも…
365日メールマガを配信中。
→http://www.pchouse-ichibanboshi.com/posts/1955987