必要最低限の機能やコンテンツ、写真などを、可能なかぎりシンプルにレイアウトする、ミニマルデザイン。
分かりやすく情報をまとめるだけでなく、Webデザインのトレンドとしても人気があります。
海外デザインブログSpeckyboy Design Magazineで、スッキリとしたミニマルデザインの無料WordPressテーマ素材20個をまとめたエントリー「20 New and Free Minimal WordPress Themes」が公開されていたので、今回はご紹介します。
もちろんそのまま利用することもできますし、オリジナルWordPressテーマ作成の手がかり、サンプルとしても良さそうですよ。
詳細は以下から。
シンプル、ミニマルデザインが素敵、無料WordPressテーマ素材まとめ
最近よく見かけるレスポンシブWebデザインに対応した、ブログ用WordPressテーマ素材。
余白スペースをたっぷりと使い、可読性もばっちりです。
[button_square color=”black” url=”http://devpress.com/demo/origin/”] デモページ [/button_square] [button_square color=”light” url=”http://alienwp.com/themes/origin/”] ダウンロードページ [/button_square]
プログラムやコーディングなどのチュートリアル用ブログを想定してデザインされた、ユニークなWordPressテーマ素材。
ターゲットを絞ることで、より高度な設定が可能な点もWordPressのメリットではないでしょうか。
[button_square color=”black” url=”http://www.cssigniter.com/preview/euclides/”] デモページ [/button_square] [button_square color=”light” url=”http://www.cssigniter.com/ignite/themes/euclides/”] ダウンロードページ [/button_square]
グリッドレイアウトを利用して、ウィンドウ幅に応じてレイアウトが変化する、WordPressテーマ素材。
[button_square color=”black” url=”http://www.eleventhemes.com/gridly/”] デモページ [/button_square] [button_square color=”light” url=”http://www.eleventhemes.com/gridly-theme/”] ダウンロードページ [/button_square]
簡単ブログTumblrのサービスをモチーフに、WordPressで作成されたテーマ素材。
とてもシンプルで、CSS3シャドウなどを使い、より細部に力を込めています。
[button_square color=”black” url=”http://www.cssigniter.com/preview/euclides/”] デモページ [/button_square] [button_square color=”light” url=”http://www.eleventhemes.com/stumblr-theme/”] ダウンロードページ [/button_square]
写真をたくさん撮る方にオススメな、ギャラリースタイルのWordPressテーマ素材。
左サイドバーにナビゲーションメニューが固定されており、レスポンシブWebデザインに対応していますよ。
[button_square color=”black” url=”http://photographicblog.com/themes/photum/”] デモページ [/button_square] [button_square color=”light” url=”http://photographicblog.com/free-responsive-wordpress-theme-for-photographers/”] ダウンロードページ [/button_square]
こちらもレスポンシブWebデザインに対応した、サムネイル画像多めのテーマ素材。
ウィンドウ幅が変更すると、イメージサイズも自動的にリサイズされます。
[button_square color=”black” url=”http://demo.alienwp.com/hatch/”] デモページ [/button_square] [button_square color=”light” url=”http://alienwp.com/themes/hatch/”] ダウンロードページ [/button_square]
グリッドを利用した、スッキリとしたレイアウトにさまざまな機能、ウィジェットなどが実装されたテーマ素材。
ナビゲーションメニューやスライダー、Twitterの最新つぶやきなどなど。
[button_square color=”black” url=”http://luiszuno.com/themes/wp-nova/”] デモページ [/button_square] [button_square color=”light” url=”http://luiszuno.com/blog/downloads/nova-theme-wordpress”] ダウンロードページ [/button_square]
ポートフォリオやギャラリーサイト、企業用サイトとしても活用できる、WordPressテーマ素材。
トップページには、アニメーションたっぷりなスライダーも実装されています。
[button_square color=”black” url=”http://www.themeskingdom.com/demo/widely/”] デモページ [/button_square] [button_square color=”light” url=”http://mercatofoot.elitepronostic.com/”] ダウンロードページ [/button_square]
風船がプカプカと浮いている様子を、パララックス効果で再現した、面白いテーマ素材のひとつ。
[button_square color=”black” url=”http://moargh.de/wp-content/portfolio/downloads/wp-themes/balloons/”] デモページ [/button_square] [button_square color=”light” url=”http://moargh.de/portfolio/downloads/wp-theme-balloons/”] ダウンロードページ [/button_square]
レスポンシブデザインに対応した、スライダーメニューを実装したWordPressテーマ素材。
特定のポスト、ページを選択させることで、表示する投稿を選択可能。
[button_square color=”black” url=”http://demo.alienwp.com/ascetica/”] デモページ [/button_square] [button_square color=”light” url=”http://themehybrid.com/themes/ascetica”] ダウンロードページ [/button_square]
必要なデザインパーツ以外を、できるだけ取り除いたシンプルでクリーンなWordPressテーマ素材。
ウィジェットや、ビデオ埋め込みなどにも対応した高機能も◎。
[button_square color=”black” url=”http://sundancedemo.wordpress.com/”] デモページ [/button_square] [button_square color=”light” url=”http://wordpress.org/extend/themes/sundance”] ダウンロードページ [/button_square]
Twitter社による人気サービス、BootstrapをそのままWordPressとして、利用可能にしたテーマ素材。
[button_square color=”black” url=”http://the-bootstrap.obenland.it/”] デモページ [/button_square] [button_square color=”light” url=”http://en.wp.obenland.it/the-bootstrap/”] ダウンロードページ [/button_square]
HTML5とCSS3で制作された、レスポンシブ対応のフレームワーク的WordPressテーマ素材。
オリジナルテーマのカスタマイズにも応用しやすい、分かりやすいコードも魅力です。
[button_square color=”black” url=”http://themefortress.com/reverie/”] デモページ [/button_square] [button_square color=”light” url=”http://themefortress.com/reverie/”] ダウンロードページ [/button_square]
リアルタイムに反映する、マークアップ用WordPressテーマ素材。
一目でソースコードを確認することもできますし、コードを保存しておきたいときなどによさそうです。
[button_square color=”black” url=”http://pea.rs/”] デモページ [/button_square] [button_square color=”light” url=”https://github.com/simplebits/Pears”] ダウンロードページ [/button_square]
ギャラリースタイルで投稿記事を並べた、スタンダードなブログ用WordPressテーマ素材。
[button_square color=”black” url=”http://mercatofoot.elitepronostic.com/”] デモページ [/button_square] [button_square color=”light” url=”http://www.themegratuit.fr/”] ダウンロードページ [/button_square]
Pronto Free Mansory Gallery WordPress Theme
イメージ写真などを多く利用する、ギャラリーサイトなどに適した、WordPressテーマ素材。
レスポンシブデザインに、Mansoryプラグインを利用し、滑らかなアニメーションが魅力的。
[button_square color=”black” url=”http://wpexplorer.me/demo.php?theme=pronto”] デモページ [/button_square] [button_square color=”light” url=”http://www.wpexplorer.com/pronto-wordpress-theme”] ダウンロードページ [/button_square]
補足: ミニマルWPテーマの宝庫、dessign.net
dessign.netは、ミニマルでスタイリッシュなWordPressテーマ素材を、公開/配布している優良サイトです。
2012.04.26現在、17個の無料テーマファイルが公開されています。
ミニマルデザインを極める、WordPressテーマ素材30個まとめ
機能オプションを追加、より自由な使い方を追求した、プレミアムテーマ素材をまとめています。
[参照元 : 20 New and Free Minimal WordPress Themes – Speckyboy Design Magazine]
