あなたのウェブサイトをユーザーにとって使いやすくするために、Googleはマテリアルデザインガイドラインを制定することを推奨しています。
より直感的なWebを作成するために、いくつかの古典的な設計原則を組み込み、それらをテクノロジーでメッシュ化するためです。
この広く採用されたコンセプトは、世界で最も人気のあるコンテンツ管理システム（CMS）であるWordPressに採用されました。
多くのWordPressテーマがを利用しているマテリアルデザインだけでなく、それらの多くが無料で利用できます。マテリアルデザインを独自のWebサイトに統合するためにダウンロードできる10のテーマを以下に示します。
マテリアライズ
マテリアライズは、マテリアルデザインの原則を利用して、最小限でクリーンな外観に焦点を当てています。美しいタイポグラフィとレスポンシブなレイアウトが特徴です。テーマのシンプルエレガンスは、さまざまな用途に役立ちます。
コーダー向けマテリアル
Codersの資料は、開発者を念頭に置いて作成されました。（完全に統合された）Bootstrapに基づいて、4つの配色、2つのウィジェット領域、およびさまざまなレイアウトオプションを備えています。また、preタグを介してフロントエンドにコードを表示するのにも長けています。
シリウスライト
ビジネス向けに設計されたSirius Liteは、高度にカスタマイズ可能なテーマです。必要に応じて、付属のフロントページテンプレートを1ページのWebサイトとして使用できます。機能には、視差スクロールを備えたCall-to-Action（CTA）エリア、WordPressカスタマイザーを介したフロントページセクションのドラッグアンドドロップ、セクションの背景画像と色のカスタマイズ機能が含まれます。
マテリアルデザインのスターターテーマ
Material Design Starterテーマは、独自のカスタムルックを実装するために必要な基本のものを提供します。GoogleのMaterial Design Liteを使用して構築されており、デザイナーにとってより空白のキャンバスになることを意図しています。レスポンシブなSASSフレームワーク、基本的なテンプレート、言語翻訳のサポートが含まれています。
CPMmagz
CPMmagzは、マテリアライズフレームワークに基づいた雑誌のテーマです。さまざまなサイドバーオプションとともに、複数のカラースキーム、メニュー、ヘッダーがあります。ホームページのコンテンツブロックは、ニーズに合わせてカスタマイズすることもできます。
リアリスティック
Realisticは、速度とSEOの両方に最適化されたテーマであり、アンダースコアとMaterial Design Liteを使用して軽量のフットプリントを構築します。6つの配色や5つのカスタムウィジェットなどの追加機能が含まれています。
テスラタ
Teslataは、複数のページレイアウト、カスタム画像配置、カスタムウィジェットを提供し、JetPackポートフォリオをサポートし、ソーシャルメディアアイコンを含みます。WordPressカスタマイザーを使用して微調整する設定がいくつかあります。
インテンポレル
Intemporelは最小限の色を使用しているため、WordPressテーマがテキストと画像を際立たせます。また、アンダースコアに基づいて、速度を考慮して設計されています。コメント付きのHTML5テンプレートのおかげで、簡単に変更できます。
レナード
Renardは、標準の無料のWordPressテーマを超えて、組み込みのスライダーや5つのウィジェットエリアなどの機能を備えています。これは、ブログやビジネスサイトに適した、クリーンで見やすく、ヴィジュアルの魅力的な選択肢です。
SEO WP
よくコード化されたセマンティックテーマを探しているブロガーには、SEO WPがおすすめです。カスタマイズ可能な色、パンくずリストナビゲーション、Disqusコメントのサポートにより、検索エンジンとユーザーの両方を満足させるために開発されました。
上記の無料のテーマを使用すると、WordPress Webサイトにマテリアルデザインの美学とユーザーのとって見やすいサイトを作ることができます。本格的なテーマでサイトをすばやく変換したい場合でも、しっかりとしたベースラインで独自の外観を作成したい場合でも、豊富なリソースを利用できます。
おすすめ新着記事
おすすめタグ