デザイン

デザイン

WordPressのマテリアル・デザイン仕様の無料テーマ10選!

3,759 views

読了時間 : 約3分4秒

サイトのユーザーフレンドリー性を確保するため、Googleはマテリアルデザインガイドラインを利用することをすすめています。その目標は、より直感的なWebを作成するために、いくつかの古典的なデザインの原則に現在のテクノロジーを融合させることです。

この広く採用されているコンセプトは、世界で最も人気のあるコンテンツ管理システム(CMS)であるWordPressでも活路を得ています。マテリアルデザインを利用したWordPressテーマは数多くありますが、それらの多くは無料で入手できます。本記事では、マテリアルデザインを自分のウェブサイトに統合するためにダウンロードできるWordPressの無料テーマから10選して紹介します。

 

1.Materialize

マテリアライズは、マテリアルデザインの原則を利用した、「ミニマルさ」と「クリーンさ」を追求したテーマです。素敵なタイポグラフィーとレスポンシブなレイアウトが特徴です。テーマのシンプルなエレガンスは、さまざまな用途に適しています。

 

 

2.Material for Coders

Material for Codersは、開発者向けに作成されました。ブートストラップ(完全に統合されたもの)に基づいて、4つのカラースキーム、2つのウィジェットエリア、さまざまなレイアウトオプションを備えています。 preタグを介してフロントエンドにコードを表示するのにも適しています。

 

 

3.Sirius Lite

ビジネス向けにデザインされたSirius Liteは、高度にカスタマイズ可能なテーマです。付属のフロントページテンプレートは、必要に応じてワン・ページ・Webサイトとして使用できます。特長としては、視差スクロール、WordPressカスタマイザを使用したドラッグ&ドロップのフロントページセクション、セクションの背景イメージと色をカスタマイズする機能を備えたCTA(call-to-action)領域があげられます。

 

 

4.Material Design Starter Theme

マテリアルデザインスターターテーマは、独自のカスタムルックを実装するために必要なベースを提供します。 GoogleのMaterial Design Liteを使用して作成されています。レスポンシブなSASSフレームワーク、基本テンプレート、言語翻訳のサポートが含まれています。

 

 

5.CPMmagz

CPMmagzは、Materializeフレームワークに基づくマガジン・テーマです。さまざまなサイドバーオプションとともに、複数のカラースキーム、メニュー、ヘッダーを表示します。ホームページのコンテンツブロックは、ニーズに合わせてカスタマイズすることもできます。

 

 

6.Realistic

スピードとSEOの両方に最適化されたRealisticは、UnderscoresとMaterial Design Liteで構築された軽量フットプリントのテーマです。6つのカラースキームと5つのカスタムウィジェットのような追加機能を含んでいます。

 

 

7.Teslata

Teslataは複数のページレイアウト、カスタムイメージアラインメント、カスタムウィジェット、JetPackポートフォリオをサポートし、ソーシャルメディアアイコンを提供してくれます。 WordPressカスタマイザで調整する設定がいくつかあります。

 

 

8.Intemporel

Intemporelは最小限の色を使用した、テキストと画像を際立たせるWordPressテーマです。また、アンダースコアに基づいて、スピードに配慮してデザインされています。コメント付きのHTML5テンプレートのおかげで、変更は簡単です。

 

 

9.Renard

Renardは、スタンダードな無料のWordPressテーマを超えて、スライダーと5つのウィジェットエリアが組み込まれた機能などを備えています。ブログやビジネスサイトのために、きれいで読みやすく、視覚的に魅力的な選択肢です。

 

 

10.SEO WP

よくコードされたセマンティックなテーマを探しているブロガーには、SEO WPがぴったりです。カスタマイズ可能な色、パン屑ナビゲーション、Disqusコメントのサポートなど、検索エンジンとユーザーの両方を喜ばせるために開発されました。

 

 

※本記事は、10 Free Material Design WordPress Themesを翻訳・再構成したものです。

 

 

▼こちらの記事もおすすめです!

 

 

【コンビニでも使える!メルペイ初回利用1000円分招待コード】

当サイト限定招待コード:CMUTDF

 
・利用可能店舗:メルカリ、コンビニ、ドラッグストア等
・金額:1000円分
※さらにメルペイスマート払で2000円分ポイント!
 友達招待でお互いに1000円分ポイント!2人以上招待でUSJ貸し切りイベントに抽選招待も!

メルカリ-フリマアプリ&スマホ決済メルペイ

メルカリ-フリマアプリ&スマホ決済メルペイ

無料

 

ピックアップ! さらに今このキャンペーン中です↓

期間中の金・土限定でd払い利用で最大20%のdポイント還元中!
■エントリー期間:2020/2/29(土)23:59 まで
■キャンペーン期間:2020/2/24/(月)23:59 まで

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【Uber taxi初回利用2000円オフクーポン】
JP20gd6nv7

 

以下のリンクから『プロモーション コードを追加する』で「JP20gd6nv7」を入れてください。初回利用が2000円オフになります!
※プロモコードは日本国内でのみ利用可能

 

2000円オフで登録» »当サイト限定の初回利用2000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber

Uber

 

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【UberEats初回1000円オフクーポン】
ins6je2v

 

対象店舗:マック、ガスト、スタバ、ピザハット、松屋 等
※1000円分無料で頼めます。〇〇円以上とかもナシ!完全無料でお試しOK
割引額:1000円引き

 

1000円オフで登録» »当サイト限定の初回利用1000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber Eats: 地元で人気の料理をお届け

Uber Eats: 地元で人気の料理をお届け

無料

 

おすすめ新着記事

おすすめタグ