2013年に入り、急速に広がりを見せたフラットデザインは、今や多くの大手サイトが、採用するまでになっており、まだまだこのトレンドは、すこしずつ形を変えながらも、続いていきそうな勢いです。
海外デザインブログHongkiat.comで、フラットデザインを取り入れた、WordPressプレミアムテーマ素材をまとめたエントリー「20 Beautiful Flat WordPress Themes to Spice Up Your Site」が公開されていたので、今回はご紹介します。
デザイントレンドを採用しているだけでなく、ダイナミックなイメージスライダーや豊富なショートコード、使いやすい管理画面などカスタマイズ性の高い、プレミアムWordPressテーマが揃っています。
詳細は以下から。
フラットデザインで迷わない、高品質WordPressテンプレートまとめ
カラフル配色の背景やボタンデザインに、アニメーション付きイメージスライダーや、ウィンドウ幅に応じてナビゲーションメニューも切り替わります。
[button_square color=”orange” url=”http://themeforest.net/item/hypertext-flat-portfolio-wordpress-theme/full_screen_preview/4981186″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/hypertext-flat-portfolio-wordpress-theme/4981186?ref=showhey0705″] ダウンロードページ [/button_square]
レスポンシブ対応で、15種類以上のオリジナルページや、300+のアイコン素材、モバイル表示対応のイメージスライダー、設定しやすい管理画面など、ユーザーフレンドリーな機能満載なテーマ。
[button_square color=”orange” url=”http://themeforest.net/item/kumaon-clean-multipurpose-wordpress-theme/full_screen_preview/4948220″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/kumaon-clean-multipurpose-wordpress-theme/4948220?ref=showhey0705″] ダウンロードページ [/button_square]
イメージ写真にこだわりを魅せる、アートやデザイン系ポートフォリオサイトに適した、ユニークでおしゃれなレイアウト。
[button_square color=”orange” url=”http://themeforest.net/item/hexagonal-clean-multipurpose-responsive-wp-theme/full_screen_preview/5043705″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/hexagonal-clean-multipurpose-responsive-wp-theme/5043705?ref=showhey0705″] ダウンロードページ [/button_square]
シンプルなレイアウトだけでなく、7種類のカスタムページや、ショッピングカートプラグインも追加した、あらゆる業種、職種に対応するWordPressテーマ。
[button_square color=”orange” url=”http://themeforest.net/item/glider-clean-powerful-flat-stylish-theme/full_screen_preview/4883460″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/glider-clean-powerful-flat-stylish-theme/4883460?ref=showhey0705″] ダウンロードページ [/button_square]
ボックス、フルサイズの両レイアウト可能で、Bootstrapワイヤーフレームを使い、Googleフォントや種類豊富なショートコードなどが特長。
[button_square color=”orange” url=”http://themeforest.net/item/alfie-the-responsive-bootstrap-wordpress-theme/full_screen_preview/5017252″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/alfie-the-responsive-bootstrap-wordpress-theme/5017252?ref=showhey0705″] ダウンロードページ [/button_square]
あらゆるデバイスからの閲覧を可能にする、レスポンシブデザインやRetinaディスプレイにも対応した、シンプルで高機能なWordPressテーマ素材。
[button_square color=”orange” url=”http://themeforest.net/item/amada-flat-and-fresh-wordpress-theme/full_screen_preview/5014988″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/amada-flat-and-fresh-wordpress-theme/5014988?ref=showhey0705″] ダウンロードページ [/button_square]
フルスクリーン展開するイメージギャラリーから、左側についたアイコンをクリックすると、ナビゲーションメニューが出現する、クリエイティブ系WordPressテーマ。
[button_square color=”orange” url=”http://themeforest.net/item/flat-responsive-portfolio-theme/full_screen_preview/4895032″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/flat-responsive-portfolio-theme/4895032?ref=showhey0705″] ダウンロードページ [/button_square]
1ページにコンテンツを集約し、トップ部分のメニューで移動する、シングルページ完結型レイアウトを採用したWordPressテーマ。わかりやすく情報を、ユーザーに伝えることができます。
[button_square color=”orange” url=”http://themeforest.net/item/sketch-wordpress-theme/full_screen_preview/2974212″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/sketch-wordpress-theme/2974212?ref=showhey0705″] ダウンロードページ [/button_square]
ポートフォリオサイトなどに向いている、ギャラリースタイルを得意とした、レスポンシブ対応レイアウト。ミニマル系デザイン好きの方にオススメしたいテーマ。
[button_square color=”orange” url=”http://themeforest.net/item/metrofolio/full_screen_preview/5027539″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/metrofolio/5027539?ref=showhey0705″] ダウンロードページ [/button_square]
左側に固定ナビゲーションメニューが採用された、ギャラリー型ポートフォリオサイト向けWordPressテーマ。ウィンドウ幅に応じて、カラム幅がフレキシブルに変化します。
[button_square color=”orange” url=”http://themetrust.com/demos/ink/”] デモページ [/button_square] [button_square color=”green” url=”http://themetrust.com/themes/ink”] ダウンロードページ [/button_square]
イベント情報管理や、オーディオプレイヤー、フルスクリーンギャラリーなど歌手やアーティストなどクリエイティブ系サイトの制作にいかがでしょう。
[button_square color=”orange” url=”http://themeforest.net/item/laband-music-band-premium-wordpress-theme/full_screen_preview/4968860″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/laband-music-band-premium-wordpress-theme/4968860?ref=showhey0705″] ダウンロードページ [/button_square]
余白スペースの取り方参考になりそうな、シンプルでエレガントな印象を演出する、WordPressテンプレートで、企業サイトから個人ブログまで幅広く利用できるレイアウト。
[button_square color=”orange” url=”http://themeforest.net/item/metrolium-responsive-multipurpose-wp-theme/full_screen_preview/5018371″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/metrolium-responsive-multipurpose-wp-theme/5018371?ref=showhey0705″] ダウンロードページ [/button_square]
FlipBoardアプリのようなレイアウト展開がユニークで、スキンカラーも一発変更可能な、シングルページ完結型レイアウト。
[button_square color=”orange” url=”http://themeforest.net/item/panes-wordpress-on-one-page/full_screen_preview/5026910″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/panes-wordpress-on-one-page/5026910?ref=showhey0705″] ダウンロードページ [/button_square]
自己紹介用ポートフォリオサイトや、お気に入りの画像や動画をコレクションする、Tumblrミニブログ的使い方もできる、落ち着いた色使いのWordPressテーマ。
[button_square color=”orange” url=”http://themeforest.net/item/weblog-a-creatives-portfolio-blog-theme/full_screen_preview/4884067″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/weblog-a-creatives-portfolio-blog-theme/4884067?ref=showhey0705″] ダウンロードページ [/button_square]
鮮やか色使いに、充実したテーマオプション機能や、記事作成を楽にするショートコードや、ページ作成ツールなど魅力的なアイテムが揃ったWordPressテーマ。
[button_square color=”orange” url=”http://themeforest.net/item/venture-responsive-corporate-creative-theme/full_screen_preview/4956696″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/venture-responsive-corporate-creative-theme/4956696?ref=showhey0705″] ダウンロードページ [/button_square]
1カラムの飾り気のないレイアウトで、思ったことをツラツラと記録するメモブログ的な使い方にも良さそうです。もちろんレスポンシブ対応で、Retinaディスプレイ表示もOK。
[button_square color=”orange” url=”http://themeforest.net/item/wentasi-amazing-tumblog-repsonsive-theme/full_screen_preview/5005601″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/wentasi-amazing-tumblog-repsonsive-theme/5005601?ref=showhey0705″] ダウンロードページ [/button_square]
複数のコンテンツ展開を考えた、マガジンスタイルのブログメディア運営に利用したい、レイアウトにこだわったWordPressプレミアムテーマ。
[button_square color=”orange” url=”http://themeforest.net/item/newz/full_screen_preview/5006704″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/newz/5006704?ref=showhey0705″] ダウンロードページ [/button_square]
ヘッダー部分にフルスクリーンカルーセルを配置し、より直感的に操作するレイアウトが魅力的な、シングルページ完結型WordPressテーマ。
[button_square color=”orange” url=”http://themeforest.net/item/red-sky-one-page-multipurpose-theme/full_screen_preview/4916191″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/red-sky-one-page-multipurpose-theme/4916191?ref=showhey0705″] ダウンロードページ [/button_square]
レスポンシブデザイン対応で、動きのあるパララックスエフェクトも採用したプレミアムWordPressテーマ。10種類のスキンカラーも用意されており、すぐにWebサイト運営を開始できます。
[button_square color=”orange” url=”http://themeforest.net/item/coffee-cream-multipurpose-wordpress-theme/full_screen_preview/4915282″] デモページ [/button_square] [button_square color=”green” url=”http://themeforest.net/item/coffee-cream-multipurpose-wordpress-theme/4915282?ref=showhey0705″] ダウンロードページ [/button_square]
あらゆる業種に対応、企業サイト向けWordPressテーマ素材まとめ
有料テーマ購入前に確認したい５つのポイントも一緒にまとめています、ご参考までに。
参照元リンク : 20 Beautiful Flat WordPress Themes to Spice Up Your Site – Hongkiat.com
