Advertisement

 

流れの速いWebデザインのトレンドとして、iPhoneなどのスマートフォンにも対応した、レスポンシブWebデザインをよく見かけるようになりました。

 

 

海外デザインブログPellFusionで、最近公開されたレスポンシブWebデザインに対応した、WordPressテーマ素材23個をまとめたエントリー「Finest Responsive WordPress Themes of April 2012」が公開されていたので、今回はご紹介します。

 

 

ご紹介しているプレミアムテーマ素材の多くは、$30-40(およそ2,500-3,500円)前後に設定されています。

今年のゴールデンウィーク期間中、あたらしいホームページ、ブログを作成してみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

レイアウト自由自在、レスポンシブデザイン対応の
WordPressテーマ素材まとめ

 

Surplus

あらかじめ50種類の背景パターンが用意されており、ボタンひとつで編集可能なWordPressテーマ素材。

レスポンシブに対応した、画像スライダーやショートコードなども実装されています。

responsive-wp-theme-23

[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]

 

 

 

Zwin Responsive Vcard

インターネット版名刺として利用できそうな、Vカードに対応したWordPressテーマ素材。

responsive-wp-theme-22

[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]

 

 

 

SquareGrid

さまざまな大きさの四角ボックスが、ウィンドウ幅に応じて、レイアウトを変化させるWordPressテーマ素材。

ポートフォリオサイトや、Tumblrのような使い方もしても◎。

responsive-wp-theme-12

[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]

 

 

 

 

Fuel

Twitter社の公開しているBootstrapをベースに利用した、WordPressテーマ素材。

ウェブフォントやカスタム背景など、デザイン性を重視したスタイリングが可能となっています。

responsive-wp-theme-18

[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]

 

 

 

Maya Shop

ショッピングサイトを実装した、レスポンシブ対応のWordPressテーマ素材。

スマートフォンの利用者が増えていることもあり、ありがたい機能のひとつ。

responsive-wp-theme-14

[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]

 

 

 

 

Appster

アプリなどのデジタルコンテンツ紹介、販売を想定した、スタイリッシュなWordPressテーマ素材。

ピクトグラムアイコンをナビゲーションメニューに利用するなど、ユーサビリティーも考慮されています。

responsive-wp-theme-7

[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]

 

 

 

 

March

企業用サイトにも対応した、複数のレイアウトがあらかじめ実装されているWordPressテーマ素材。

responsive-wp-theme-4

[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]

 

 

 

 

Loook

マガジンスタイルのレイアウトが印象的な、WordPressテーマ素材。

このテーマを使った、ブログメディア、かっこいいかもしれません、。

responsive-wp-theme-15

[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]

 

 

 

Confidence

これからブログを始めようという方にオススメしたい、スタンダードなWordPressブログテーマ素材。

もちろん、iPhoneやiPadにも対応したレイアウトに変化します。

responsive-wp-theme-9

[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]

 

 

 

Optimus WP

お好みのイメージ写真を背景に利用することができる、面白WordPressテーマ素材、ポートフォリオにどうぞ。

responsive-wp-theme-17

[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]

 

 

 

Atom

Webデザイン事務所の公式サイトを想定した、レスポンシブ対応のWordPressテーマ素材。

インターネットからサイト制作を発注する、「Get A Quote」システムを実装。

responsive-wp-theme-5

[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]

 

 

 

Oakland

やさしい色使いが印象的だった、企業用サイトに特化したWordPressテーマ素材。

会社概要や、スタッフ紹介なども、わかりやすく伝える仕組みがもりだくさん。

responsive-wp-theme-16

[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]

 

 

 

Impromptu

ブログやポートフォリオサイトだけでなく、企業用サイトとしても利用可能なテーマ素材。

ミニマルデザインをテーマに、作品イメージをより引き立てたショートコードも◎。

responsive-wp-theme-10

[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]

 

 

 

Bloora

facebookのタイムライン幅810pxにも自動対応した、ユニークなWordPressテーマ素材。

用途は限られますが、facebookファンページをよりフレキシブルにデザイン可能。

responsive-wp-theme-8

[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]

 

 

 

Shutter

写真や動画をアルバムのように追加していくことが可能な、ミニマル系WordPressテーマ素材。

個人的な写真もWordPressでまとめておくとよいかもしれませんね。

responsive-wp-theme-20

[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]

 

 

 

Pioneer+

シンプルで、どんなデザインにも合わせやすいデザインが魅力的な、WordPressテーマ素材。

ショートコードや管理画面など、購入後のサポートが充実している点もポイント。

responsive-wp-theme-11

[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個

以前公開されたレスポンシブ対応のテーマファイルを、まとめたエントリーとなります。

10responsive_wptheme_top

 

 

 

自分らしさをアピール、WordPressポートフォリオテーマ素材35個まとめ

デザイン性の高い、レスポンシブデザイン対応のWordPressテーマ素材をまとめています。

35portfolio_wordress_top

 

 

 

【保存版】デザイン、機能性を重視したWordPress用プレミアムテーマ50個まとめ

ポートフォリオ以外にも使える、わくわくするような、デザイン満載のテーマファイルです。

 

 

 

ミニマルデザインを極める、WordPressテーマ素材30個まとめ    

「シンプル・イズ・ベスト」を追求したテーマファイルを中心に集めています。

30minimalwp_top

 

[サムネイル : Bhinneka – A Responsive WordPress Theme – ThemeForest]

[参照元 : Finest Responsive WordPRess Themes of April 2012 – Pellfusion]