X
    Categories: 今話題のニュースより制作テクニック

喉から手が出るくらい欲しいあのテンプレートをAMPプロジェクトが公開!!

2017年のビッグイベント、モバイルファーストインデックス。

これについては以前からも言っていますが…

あなたが、このサイトのようにWordPressを利用しているのであれば、あれを追加するだけでOK!!

だけど、そうじゃない場合はかなり時間がかかる…

そんなあなたに向けたテンプレートがついに登場。

AMPプロジェクトが、レスポンシブWebデザイン&AMPに対応したHTMLのテンプレートを公開。

これを使えば、ッゼロから制作する必要は全くなし!!

AMP Start

今回テンプレートをしているのが、「AMP Start」のサイト。

このサイトで公開されているのは、下記の2つ。

  1. HTMLのテンプレート(PAGE TEMPLATE)
  2. 各パーツ(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日、毎日配信中!!

https://goo.gl/tHGLO0

【100%夢を叶える秘密のバイブルをメルマガで配信】

独学でWebデザイナーを目指される方を応援するメルマガ。
成功するために必要なものは何か?
トップブロガーへと導いたマル秘テクニックも…

365日メールマガを配信中。

http://www.pchouse-ichibanboshi.com/posts/1955987

 

 

1banbo4: ◆浅山佳映子について ・Amazonベストセラー 2週連続 1位(Kindleマーケティング部門) ・知名度ゼロのブロガーをトップブロガーへ。 ・アクセス数3倍以上、売上4倍以上アップさせるWebコンサルタント ・1日3万円以上のセミナーをたった3時間で満席にする人気講師。 ・FMラジオのパーソナリティ 「上級ウェブ解析士、SEOコンサルタントの資格保有」 ◆健康診断 あなたのサイトの健康状態をチェックする健康診断を実施しています。 なぜ、アクセス数が増えないのか? なぜ、売上が上がらないのか? なぜ、問い合わせがないのか? なぜを解決したあなたのための健康診断。