最近あらゆるデバイス表示に対応した、レスポンシブデザインを導入しているウェブサイトやブログなどが増えています。また同時に、無駄を極力省いたシンプルで、モダンな「ミニマルデザイン」もよく見かけるようになりました。
互いの良さを引き出したレスポンシブデザインに対応した、ミニマル系WordPressテーマ素材をまとめています。
海外デザインブログSpeckyboy.comで、シンプルなミニマル系フリーWordPressテーマ素材15個をまとめたエントリー「15 Free, Minimal and Responsive WordPress Themes」が公開されていたので、今回はご紹介します。
後半にまとめているカスタマイズ自在な有料プレミアムテーマ素材もご一緒にいかがでしょう。
詳細は以下から。
レスポンシブ対応の無料WordPressテンプレート素材まとめ
画面サイズに応じて滑らかなレイアウト変更を行う、レスポンシブ対応のWordPressテーマ素材。ナビゲーションメニューの作り方なども参考になりそうです。
[button_square color=”red” url=”http://demo.responsivedeck.com/?theme=shutterloop”] デモページ [/button_square] [button_square color=”green” url=”http://responsivedeck.com/2012/10/shutterloop/”] ダウンロードページ [/button_square]
Unique Theme Free Responsive WordPress Theme
ヘッダー部分にイメージスライダーが実装された、レスポンシブ対応のボックス型レイアウトのテンプレート素材。
[button_square color=”red” url=”http://www.dessign.net/uniquetheme/”] デモページ [/button_square] [button_square color=”green” url=”http://www.dessign.net/unique-theme-responsive/”] ダウンロードページ [/button_square]
シンプルにテキストや写真のみで構成したいときなどに適した、余白スペースをたっぷり使ったミニマルデザイン。
[button_square color=”red” url=”http://www.code-2-reduction.fr/codiumextendpreview/”] デモページ [/button_square] [button_square color=”green” url=”http://codiumextend.code-2-reduction.fr/”] ダウンロードページ [/button_square]
オレンジ色をアクセントにスムーズなレイアウト切り替えを実現したレスポンシブ型WordPressテンプレート。Webフォントが利用されていたり、YouTubeなどの埋め込みも可能だったり、。これが無料?!と思うほどの高品質クオリティー。
[button_square color=”red” url=”http://themes.code-splash.com/smally_premium_theme/”] デモページ [/button_square] [button_square color=”green” url=”http://magzimus.com/2012/08/smally-free-responsive-wordpress-theme/”] ダウンロードページ [/button_square]
デザイン紹介や日記のようなシンプルな使い方が似合うWordPressテンプレート素材で、テキストを複数のカラムにわけて表示する、ユニークなスタイリングされています。
[button_square color=”red” url=”http://demo.siteorigin.com/origami/”] デモページ [/button_square] [button_square color=”green” url=”http://siteorigin.com/theme/origami/”] ダウンロードページ [/button_square]
アニメーションが魅力的な見出し部分がレイアウトされており、簡単な紹介ページやイベント告知、商品紹介などに活用できそうなWordPressフリーテーマ素材。
[button_square color=”red” url=”http://crumbs.thathurtabit.com/wp/”] デモページ [/button_square] [button_square color=”green” url=”http://crumbs.thathurtabit.com/”] ダウンロードページ [/button_square]
イメージ写真をまとめたギャラリーサイトの様な使い方ができる、こちらも無料WordPressテンプレート。
[button_square color=”red” url=”http://www.dessign.net/gridthemeresponsive/”] デモページ [/button_square] [button_square color=”green” url=”http://www.dessign.net/grid-theme-responsive/”] ダウンロードページ [/button_square]
カスタマイズ自在でお手軽、プレミアムWordPressテーマまとめ
さらにデザインやカスタマイズにこだわった、有料プレミアムテンプレートも一緒にまとめています。豊富なショートコードや、コード不要でオリジナルページを作成可能なダッシュボードツールなど揃えたプレミアムテンプレートは、お値段$45(約3600円)〜 とお求めやすい価格となっています。
まずページが開いたときに目に入るヘッダー部分に、パララックスエフェクト付スライダーを実装したユニークな新作WordPressテーマ素材。
[button_square color=”red” url=”http://themeforest.net/item/sintia-responsive-for-business-portfolio-/full_screen_preview/3163493″] デモページ [/button_square] [button_square color=”blue” url=”http://themeforest.net/item/sintia-responsive-for-business-portfolio-/3163493?ref=showhey0705″] ダウンロードページ [/button_square]
あらかじめモダンな配色でレイアウトされているので、幅広いプロジェクトで利用可能な人気のWordPressテーマ素材。もちろん、こちらもレスポンシブデザインに対応。
[button_square color=”red” url=”http://themeforest.net/item/avada-responsive-multipurpose-theme/full_screen_preview/2833226″] デモページ [/button_square] [button_square color=”blue” url=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=showhey0705″] ダウンロードページ [/button_square]
ブログメディアサイトを運営したい方にオススメしたい、マガジンスタイル対応のWordPressテーマ素材。
[button_square color=”red” url=”http://themeforest.net/item/gonzo-clean-responsive-wp-magazine/full_screen_preview/2415788″] デモページ [/button_square] [button_square color=”blue” url=”http://themeforest.net/item/gonzo-clean-responsive-wp-magazine/2415788?ref=showhey0705″] ダウンロードページ [/button_square]
Grizzly – Responsive App Showcase
アプリを紹介することに特化したWordPressテーマ素材なのですが、多彩なレイアウトやレビュー機能など、何度も訪れたくなる新感覚のブログサイトを運営できるのではないでしょうか。
[button_square color=”red” url=”http://themeforest.net/item/grizzly-responsive-app-showcase-corporate/full_screen_preview/1546240″] デモページ [/button_square] [button_square color=”blue” url=”http://themeforest.net/item/grizzly-responsive-app-showcase-corporate/1546240?ref=showhey0705″] ダウンロードページ [/button_square]
デザイン実績などをまとめるポートフォリオサイトに適したWordPressテーマ素材で、ユニークな形のサムネイルが並べられた、ソート機能付きギャラリーがインパクトあります。
[button_square color=”red” url=”http://themeforest.net/item/bigbang-responsive-wordpress-template/full_screen_preview/2826493″] デモページ [/button_square] [button_square color=”blue” url=”http://themeforest.net/item/bigbang-responsive-wordpress-template/2826493?ref=showhey0705″] ダウンロードページ [/button_square]
最近話題になっていたNHKスタジオパークの様なレイアウトも表現可能できそうなマンソリー型レイアウトに注目です。
[button_square color=”red” url=”http://themeforest.net/item/pixia-wordpress-theme/full_screen_preview/3176317″] デモページ [/button_square] [button_square color=”blue” url=”http://themeforest.net/item/pixia-wordpress-theme/3176317?ref=showhey0705″] ダウンロードページ [/button_square]
フルスクリーンで展開するイメージスライダーを実装した、ユニークなレイアウトで作成されたWordPressテーマ素材。購入者も多く、サポートフォーラムが充実している点もポイント。
[button_square color=”red” url=”http://themeforest.net/item/flagship-responsive-business-and-portfolio/full_screen_preview/2388340″] デモページ [/button_square] [button_square color=”blue” url=”http://themeforest.net/item/flagship-responsive-business-and-portfolio/2388340?ref=showhey0705″] ダウンロードページ [/button_square]
変わり種として、小説を読んでいるような感覚を表現した、小説家やライターの方に利用して欲しいWordPressテーマ素材。インタラクティブな辞書なんかも良さそうですね。
[button_square color=”red” url=”http://themeforest.net/item/the-novelist-responsive-wp-theme-for-writers/full_screen_preview/526345″] デモページ [/button_square] [button_square color=”blue” url=”http://themeforest.net/item/the-novelist-responsive-wp-theme-for-writers/526345?ref=showhey0705″] ダウンロードページ [/button_square]
シンプルを極めたミニマル系WordPressテーマ素材で、ボタンやテクスチャ素材など細部にこだわりを感じるスタイリングが素敵。
[button_square color=”red” url=”http://themeforest.net/item/sofa-lathika-responsive-blog-portfolio/full_screen_preview/2355627″] デモページ [/button_square] [button_square color=”blue” url=”http://themeforest.net/item/sofa-lathika-responsive-blog-portfolio/2355627?ref=showhey0705″] ダウンロードページ [/button_square]
グラフやチャートなどの結果を表示した特設ページをデザイン可能なテンプレート素材。
[button_square color=”red” url=”http://themeforest.net/item/domena-domain-for-sale-template/full_screen_preview/1408726″] デモページ [/button_square] [button_square color=”blue” url=”http://themeforest.net/item/domena-domain-for-sale-template/1408726?ref=showhey0705″] ダウンロードページ [/button_square]
企業用サイト作成に特化したお問い合わせページ、Q&A、スライドショー、ショートコードなど豊富な機能が実装されたプレミアムテンプレート素材。
[button_square color=”red” url=”http://themeforest.net/item/sintia-responsive-for-business-portfolio-/full_screen_preview/3163493″] デモページ [/button_square] [button_square color=”blue” url=”http://themeforest.net/item/sintia-responsive-for-business-portfolio-/3163493?ref=showhey0705″] ダウンロードページ [/button_square]
エメラルドグリーン色をアクセントに使った、シンプル＆オシャレ系WordPressデザインテーマ素材。ポートフォリオサイトなど活用すると良いかもしれません。
[button_square color=”red” url=”http://themeforest.net/item/energized-responsive-wordpress-theme/full_screen_preview/2417526″] デモページ [/button_square] [button_square color=”blue” url=”http://themeforest.net/item/energized-responsive-wordpress-theme/2417526?ref=showhey0705″] ダウンロードページ [/button_square]
[fancy_box]
素材購入方法について
今回ご紹介したアイテムは、どれも素材販売サイト「ThemeForest」よりセレクトされています。
英語サイトとなりますが、購入方法については以下のサイトが参考になりました。
無料で商用利用可の有料サイトテンプレートファイルを「ThemeForest」からダウンロードする方法 – Gigazine[/fancy_box]
関連エントリーまとめ
「シンプル・イズ・ベスト」、ミニマルデザインの無料WordPressテーマ素材20個まとめ
ミニマルな無料WordPressテーマ素材をまとめています、デザイン制作のベースとしても活用できそうです。
ミニマルデザインを極める、WordPressテーマ素材30個まとめ
以前シンプル系プレミアムテーマ素材をまとめたエントリーとなりますので、こちらもご一緒にいかがでしょう。
サムネイル@ : Rason WP: Smart, Responsive, Customizable – Themeforest.net
参照元リンク : 15 Free, Minimal and Responsive WordPress Themes – Speckyboy.com
参照元リンク : Best Minimal, Responsive & Modern Premium WordPress Themes – TopTut.com
