流れの速いWebデザインのトレンドとして、iPhoneなどのスマートフォンにも対応した、レスポンシブWebデザインをよく見かけるようになりました。
海外デザインブログPellFusionで、最近公開されたレスポンシブWebデザインに対応した、WordPressテーマ素材23個をまとめたエントリー「Finest Responsive WordPress Themes of April 2012」が公開されていたので、今回はご紹介します。
ご紹介しているプレミアムテーマ素材の多くは、$30-40（およそ2,500-3,500円）前後に設定されています。
今年のゴールデンウィーク期間中、あたらしいホームページ、ブログを作成してみてはいかがでしょう。
詳細は以下から。
レイアウト自由自在、レスポンシブデザイン対応の
WordPressテーマ素材まとめ
あらかじめ50種類の背景パターンが用意されており、ボタンひとつで編集可能なWordPressテーマ素材。
レスポンシブに対応した、画像スライダーやショートコードなども実装されています。
[button_square color=”light” url=”http://themeforest.net/item/surplus-minimal-responsive-business-wp-theme/full_screen_preview/2129394″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/surplus-minimal-responsive-business-wp-theme/2129394?ref=showhey0705″] ダウンロード [/button_square]
インターネット版名刺として利用できそうな、Vカードに対応したWordPressテーマ素材。
[button_square color=”light” url=”http://themeforest.net/item/zwin-responsive-vcard-wordpress-theme/full_screen_preview/2134726″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/zwin-responsive-vcard-wordpress-theme/2134726?ref=showhey0705″] ダウンロード [/button_square]
さまざまな大きさの四角ボックスが、ウィンドウ幅に応じて、レイアウトを変化させるWordPressテーマ素材。
ポートフォリオサイトや、Tumblrのような使い方もしても◎。
[button_square color=”light” url=”http://themeforest.net/item/squaregrid-fully-responsive-theme-for-portfolio/full_screen_preview/2189202″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/squaregrid-fully-responsive-theme-for-portfolio/2189202?ref=showhey0705″] ダウンロード [/button_square]
Twitter社の公開しているBootstrapをベースに利用した、WordPressテーマ素材。
ウェブフォントやカスタム背景など、デザイン性を重視したスタイリングが可能となっています。
[button_square color=”light” url=”http://themeforest.net/item/fuel-twitter-bootstrap-responsive-wp-theme-/full_screen_preview/2164520″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/fuel-twitter-bootstrap-responsive-wp-theme-/2164520?ref=showhey0705″] ダウンロード [/button_square]
ショッピングサイトを実装した、レスポンシブ対応のWordPressテーマ素材。
スマートフォンの利用者が増えていることもあり、ありがたい機能のひとつ。
[button_square color=”light” url=”http://themeforest.net/item/mayashop-a-flexible-responsive-ecommerce-theme/full_screen_preview/2189918″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/mayashop-a-flexible-responsive-ecommerce-theme/2189918?ref=showhey0705″] ダウンロード [/button_square]
アプリなどのデジタルコンテンツ紹介、販売を想定した、スタイリッシュなWordPressテーマ素材。
ピクトグラムアイコンをナビゲーションメニューに利用するなど、ユーサビリティーも考慮されています。
[button_square color=”light” url=”http://themeforest.net/item/appster-responsive-business-portfolio-wp-theme/full_screen_preview/2214314″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/appster-responsive-business-portfolio-wp-theme/2214314?ref=showhey0705″] ダウンロード [/button_square]
企業用サイトにも対応した、複数のレイアウトがあらかじめ実装されているWordPressテーマ素材。
[button_square color=”light” url=”http://themeforest.net/item/march-responsive-clean-business-wordpress-theme/full_screen_preview/2226874″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/march-responsive-clean-business-wordpress-theme/2226874?ref=showhey0705″] ダウンロード [/button_square]
マガジンスタイルのレイアウトが印象的な、WordPressテーマ素材。
このテーマを使った、ブログメディア、かっこいいかもしれません、。
[button_square color=”light” url=”http://themeforest.net/item/loook-responsive-magazine-or-blog/full_screen_preview/2178941″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/loook-responsive-magazine-or-blog/2178941?ref=showhey0705″] ダウンロード [/button_square]
これからブログを始めようという方にオススメしたい、スタンダードなWordPressブログテーマ素材。
もちろん、iPhoneやiPadにも対応したレイアウトに変化します。
[button_square color=”light” url=”http://themeforest.net/item/confidence-responsive-blog-magazine-theme/full_screen_preview/2210079″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/confidence-responsive-blog-magazine-theme/2210079?ref=showhey0705″] ダウンロード [/button_square]
お好みのイメージ写真を背景に利用することができる、面白WordPressテーマ素材、ポートフォリオにどうぞ。
[button_square color=”light” url=”http://themeforest.net/item/optimus-responsive-wordpress-portfolio-theme/full_screen_preview/2165694″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/optimus-responsive-wordpress-portfolio-theme/2165694?ref=showhey0705″] ダウンロード [/button_square]
Webデザイン事務所の公式サイトを想定した、レスポンシブ対応のWordPressテーマ素材。
インターネットからサイト制作を発注する、「Get A Quote」システムを実装。
[button_square color=”light” url=”http://themeforest.net/item/atom-a-design-studio-full-resposive-wordpress/full_screen_preview/2231331″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/atom-a-design-studio-full-resposive-wordpress/2231331?ref=showhey0705″] ダウンロード [/button_square]
やさしい色使いが印象的だった、企業用サイトに特化したWordPressテーマ素材。
会社概要や、スタッフ紹介なども、わかりやすく伝える仕組みがもりだくさん。
[button_square color=”light” url=”http://themeforest.net/item/oakland-premium-responsive-wordpress-theme/full_screen_preview/2170919″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/oakland-premium-responsive-wordpress-theme/2170919?ref=showhey0705″] ダウンロード [/button_square]
ブログやポートフォリオサイトだけでなく、企業用サイトとしても利用可能なテーマ素材。
ミニマルデザインをテーマに、作品イメージをより引き立てたショートコードも◎。
[button_square color=”light” url=”http://themeforest.net/item/impromptu-responsive-wordpress-theme/full_screen_preview/2198755″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/impromptu-responsive-wordpress-theme/2198755?ref=showhey0705″] ダウンロード [/button_square]
facebookのタイムライン幅810pxにも自動対応した、ユニークなWordPressテーマ素材。
用途は限られますが、facebookファンページをよりフレキシブルにデザイン可能。
[button_square color=”light” url=”http://themeforest.net/item/bloora-responsive-wordpress-theme/full_screen_preview/2222634″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/bloora-responsive-wordpress-theme/2222634?ref=showhey0705″] ダウンロード [/button_square]
写真や動画をアルバムのように追加していくことが可能な、ミニマル系WordPressテーマ素材。
個人的な写真もWordPressでまとめておくとよいかもしれませんね。
[button_square color=”light” url=”http://themeforest.net/item/shutter-elegant-photography-wordpress-theme/full_screen_preview/2161424″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/shutter-elegant-photography-wordpress-theme/2161424?ref=showhey0705″] ダウンロード [/button_square]
シンプルで、どんなデザインにも合わせやすいデザインが魅力的な、WordPressテーマ素材。
ショートコードや管理画面など、購入後のサポートが充実している点もポイント。
[button_square color=”light” url=”http://themeforest.net/item/pioneer-responsive-drag-drop-theme/full_screen_preview/2196164″] デモページ [/button_square] [button_square color=”purple” url=”http://themeforest.net/item/pioneer-responsive-drag-drop-theme/2196164?ref=showhey0705″] ダウンロード [/button_square]
[fancy_box]
素材購入方法について
今回ご紹介したアイテムは、どれも素材販売サイト「ThemeForest」よりセレクトされています。
英語サイトとなりますが、購入方法については以下のサイトが参考になりました。
無料で商用利用可の有料サイトテンプレートファイルを「ThemeForest」からダウンロードする方法 – Gigazine[/fancy_box]
スマートフォン対応、レスポンシブデザインのWordPressテーマ厳選12個
以前公開されたレスポンシブ対応のテーマファイルを、まとめたエントリーとなります。
自分らしさをアピール、WordPressポートフォリオテーマ素材35個まとめ
デザイン性の高い、レスポンシブデザイン対応のWordPressテーマ素材をまとめています。
【保存版】デザイン、機能性を重視したWordPress用プレミアムテーマ50個まとめ
ポートフォリオ以外にも使える、わくわくするような、デザイン満載のテーマファイルです。
ミニマルデザインを極める、WordPressテーマ素材30個まとめ
「シンプル・イズ・ベスト」を追求したテーマファイルを中心に集めています。
[サムネイル : Bhinneka – A Responsive WordPress Theme – ThemeForest]
[参照元 : Finest Responsive WordPRess Themes of April 2012 – Pellfusion]
