旬のデザイン「マテリアルデザイン」

テンプレート名:BBC-Material(BBC-019)

 

マテリアルデザインのワードプレステーマ

マテリアルデザイン・ワードプレステーマ
1・2・3カラム・レスポンシブ完全対応


スマートフォンやタブレットの急速な普及が続く中、Webデザインに関しても変化しつつあり、一時期、爆発的な流行を見せた「フラットデザイン」や、さらに発展させた「マテリアルデザイン」は近年のトレンドになっています。

「マテリアルデザイン」は、Googleが開発したデザイン基準で、幅広い世代の方々に受け入れられるよう、誰もが使えることを前提に設計されています。

BBC-Material は、今もっとも旬の「マテリアルデザイン」を取り入れました。

フラットデザインとマテリアルデザインの違い

フラットデザインとマテリアルデザインは見た目が似ているため混同しやすいデザインですが、この2つはそもそも考え方が異なります。

「フラットデザイン」は言葉の通り、ボタンやアイコン類を平面的(フラット)にしています。グラデーションやテクスチャーなどを使った立体感や質感のあるスタイルを取り除き、最小限の情報を伝えるシンプルな表現が特徴です。

一方、「マテリアルデザイン」は、光源や影、奥行き感など現実的な考え方でボタンやアイコンなどを、よりマテリアル(物質的)な見せ方をしています。

これにより要素のシンプルさなど「フラットデザイン」と共通する部分を持ちつつ、背景の一部なのかボタンなのか分かりづらかった、デザイン上の弱点を克服しています。

material

フラットデザインでは目先のことを考え、Webサイトのコンセプトを直感的にユーザーへ伝える意識が強いのに対し、マテリアルデザインでは未来のことを考え、誰もが利用できるユニークなデザインを追求する姿勢が強いといえます。

また、マテリアルデザインは動きも重視しており、マウスオーバーや画面タッチなど、イベント時にアニメーションを効果的に使用しているため、ユーザーは、よりリアルで動きのあるデザインを楽しめます。

BBC-Material(BBC-019)の特徴

BBC-Material は、マテリアルデザインだけではありません。
多くのカスタマイズ機能を持ち合わせています。
 

スライダーやCTA(行動喚起)ボタン

トップページには、ウィジェットから簡単に設置できるスライダーをはじめ、2つのヘッダーメニュー、CTA( 行動喚起 )ボタンも設定できます。

トップページのキャプチャ

サイトに長く滞在してもらい、製品を購入してもらったり、ニュースレターを購読してもらったりするのは、より難しくなってきています。

そんな中、成功の鍵を握るのは、CTA(Call To Action)です。
CTAとは「行動喚起」を意味し、サイトの訪問者に期待する行動をとってもらうためのフレーズです。

サイトの目的によって、様々なCTAが考えられますが、一例としては、「今すぐ購入」「お問合せはこちら」「いますぐ資料請求」などが挙げられます。

このスライダーやCTA(行動喚起)ボタンは、ウィジェットから簡単に作成でき、トップページだけではなく、サイドバーにも表示させることが出来ます。
 

サイドバーとウィジェット

BBC-Material は、多くのサイドバーとウィジェットを備えています。

ホームページとその他のページに各4つのサイドバー

3つのフッター・サイドバー

5つのオリジナルウィジェット(Follow on feedly、画像スライダー、ソーシャルメディア・アイコン、画像付き最近の投稿、CTAボタン)

 

widget

 

多くのカスタマイズ機能

BBC-Material は、プレビュー画面で変更を確認しながら多くのカスタマイズが出来ます。また、プレビュー画面はどのページにも対応しています。

customize

 
◯ サイト基本情報
◯ ヘッダー画像
◯ メニュー
◯ レイアウト
◯ 色のカスタマイズ
◯ モバイルのカスタマイズ
◯ 背景画像のカスタマイズ
◯ フォントのカスタマイズ
◯ メニューのカスタマイズ
◯ 他のカスタマイズ
◯ ウィジェット
◯ 固定フロントページ

カスタマイズで「レイアウト」を選び、記事ページをプレビューしている画面です。ご要望の多い右サイドバー・左サイドバー・3カラム・全幅と様々レイアウトも設定できます。

customaize2

 

個別記事にメタ情報とカスタムCSSを追加できる

サイト全体へのメタ情報は管理画面から設定できますが、その記事にだけ適用したい場合があります。特にキーワードはサイト全体よりも記事ごとに設定するほうがSEO的にも良いのがわかっています。

また「noindex」や「nofollow」も、まだボリュームが少ない記事には有効です。勿論固定ページにも設定できるので、「特商法に基づく表示」などは、検索インデックスされてほしくない場合があると思います。

個別記事および固定ページの編集画面から設定できます。

custom-meta

 

レスポンシブWebデザイン仕様

BBCテンプレートは全てのテーマが、レスポンシブWebデザイン仕様(PC・スマートフォン・タブレット等各デバイスに完全対応)です。
Googleも公式にレスポンシブWebデザインを推奨しています。これからのSEOではレスポンシブWebデザインが強みになります。

one-source

 

背景用グラフィック画像40枚プレゼント

2011年にBBCテーマ用の背景画像として14,800円で販売していたグラフィック画像を、【 BBC-Material 】の背景画像として使用できるようにサイズ変更した画像40枚をプレゼントいたします。横1,920ピクセルx縦850ピクセルの高画質グラフィック画像です。

header-graphic

 

付属マニュアル

独自ドメインとレンタルサーバー

ワードプレスのインストール

ブログの設定・テーマの設定・プラグインの設定

ソーシャルメディア(Facebook・Twitter・Google+)設定マニュアル

既存のブログを SSL/TLS 化する方法

ワードプレス投稿基礎マニュアル

その他

 

  • デモサイト
  • モバイル・デバイス

 

価格:7,560円(税込)

 

お申し込みは、下記フォームからお願い致します。
決済完了後、ダウンロードURLなどを記したメールをお送りさせて頂きます。

お名前
メールアドレス
クーポン
支払方法






2020年5月31日 日曜日
近藤利明