Advertisement

35portfolio_wordress_top

 

WordPressを利用して、自分だけのポートフォリオを作成してみませんか。

ポートフォリオは、これまでの制作実績やデザイン、技術スキルなど、じぶんらしさをアピール、表現するのに適した作品集です。

 

 

海外デザインブログDesign Modoで、デザイン力にあふれた、ポートフォリオ用WordPressテーマファイル35個をまとめたエントリー「35+ Free and Premium WordPress Portfolio Themes」が公開されてたので、今回はご紹介します。

 

 

ユニークなCSS3アニメーションや、最近よく見かけるレスポンシブWebサイトなどを組み込んだ、高品質WordPressテンプレートが中心となっています。

 

 

 

詳細は以下から。

 

 

 

無料WordPressテーマファイル

 

Imbalance

グリッドレイアウトを利用して、スッキリと整列されたミニマル系WordPressテーマ。

ナビゲーションメニューには、巨大検索ボックスが隠れています。

517

[button_square color=”blue” url=”http://wpshower.com/demo/?theme=imbalance”] デモサイト [/button_square] [button_square color=”red” url=”http://wpshower.com/themes/imbalance/”] ダウンロード [/button_square]

 

 

 

FullScreen

写真とタイトル、日付など不要なパーツを省いた、ミニマルデザインのWordpressテーマ素材。

HTMLコードを追加するのにも、向いているかもしれません、会員登録で無料ダウンロード。

712

[button_square color=”blue” url=”http://demo.graphpaperpress.com/fullscreen/”] デモサイト [/button_square] [button_square color=”red” url=”http://graphpaperpress.com/themes/fullscreen/”] ダウンロード [/button_square]

 

 

 

Portfolium Free WordPress Theme

グリッドを使い、スッキリと写真を並べることが可能なポートフォリオ用サイト。

個別ページでは、スムーズなエフェクトの写真スライダーも実装されています。

812

[button_square color=”blue” url=”http://wpshower.com/demo/?theme=portfolium”] デモサイト [/button_square] [button_square color=”red” url=”http://wpshower.com/themes/portfolium/”] ダウンロード [/button_square]

 

 

Fotofolio

ザラザラとしたノイズテクスチャを使用した、写真を中心とした、ダーク系のWordPressテーマ素材。

左側に設置されたナビゲーションメニューや、アニメーションなども実装済です。

612

[button_square color=”blue” url=”http://demo.wordspop.com/fotofolio-landscape/”] デモサイト [/button_square] [button_square color=”red” url=”http://wordspop.com/themes/fotofolio-landscape/”] ダウンロード [/button_square]

 

 

 

プレミアムWordPressテーマ素材まとめ

 

[fancy_box]

有料WordPress素材は、どれもデザイン素材販売サイト「ThemeForest」よりセレクトされています。

英語サイトとなりますが、購入方法については以下のサイトが参考になりました。

 

無料で商用利用可の有料サイトテンプレートファイルを「ThemeForest」からダウンロードする方法 – Gigazine [/fancy_box]

 

 

Notebook

iPhoneなどでも表示も可能な、レスポンシブデザインに対応したWordPressテーマ素材。

オレンジ、黒、白をベースに3色のカラーリングが、まとめて収録されています。

310

[button_square color=”blue” url=”http://themeforest.net/item/notebook-responsive-wordpress-portfolio-theme/full_screen_preview/1677426″] デモサイト [/button_square] [button_square color=”red” url=”http://themeforest.net/item/notebook-responsive-wordpress-portfolio-theme/1677426?ref=showhey0705″] ダウンロード [/button_square]

 

 

 

Responser

イメージ画像を多く利用する方にオススメしたい、レスポンシブ対応のWordPressテーマ素材。

ウィンドウ幅に応じて変換する、画像スライダーやショートコードなども豊富です。

410

[button_square color=”blue” url=”http://themeforest.net/item/responser-the-responsive-portfolio-wp-theme/full_screen_preview/1611342″] デモサイト [/button_square] [button_square color=”red” url=”http://themeforest.net/item/responser-the-responsive-portfolio-wp-theme/1611342?ref=showhey0705″] ダウンロード [/button_square]

 

 

 

This Way  WP Full Video/Image Background with Audio

写真だけでなく、YouTubeなどの動画も背景全体に、表示することができるオシャレ系WordPressテーマ。

※オーディオ機能サンプルのため、音がでます。

207

[button_square color=”blue” url=”http://themeforest.net/item/this-way-wp-full-videoimage-background-with-audio/full_screen_preview/943634″] デモサイト [/button_square] [button_square color=”red” url=”http://themeforest.net/item/this-way-wp-full-videoimage-background-with-audio/943634?ref=showhey0705″] ダウンロード [/button_square]

 

 

 

AvantGarde

ピクトグラムなど直感的な操作感がうれしい、WordPressテーマ素材。

フォント、カラーリングの変更も管理画面から行うことが可能だそうです。

1114

[button_square color=”blue” url=”http://themeforest.net/item/avantgarde-creative-theme/full_screen_preview/1580574″] デモサイト [/button_square] [button_square color=”red” url=”http://themeforest.net/item/avantgarde-creative-theme/1580574?ref=showhey0705″] ダウンロード [/button_square]

 

 

 

Hyper Mind

Webサイトやグラフィックデザインなど、制作実績をまとめて紹介したいときに、便利なテーマ素材。

ホバーエフェクトなど細かい部分にもこだわりを感じる作品のひとつ。

140

[button_square color=”blue” url=”http://themeforest.net/item/hypermind-clear-and-subtle-wp-portfolio-theme/full_screen_preview/1707983″] デモサイト [/button_square] [button_square color=”red” url=”http://themeforest.net/item/hypermind-clear-and-subtle-wp-portfolio-theme/1707983?ref=showhey0705″] ダウンロード [/button_square]

 

 

 

FlexFolio

CSS3を多用した、ふんわりとしたアニメーションが印象的だった、WordPressポートフォリオ素材。

むらさき色を含む、計3色のテーマカラーから選択可能となっています。

610

[button_square color=”blue” url=”http://themeforest.net/item/flexfolio-premium-portfolio-theme/full_screen_preview/1616168″] デモサイト [/button_square] [button_square color=”red” url=”http://themeforest.net/item/flexfolio-premium-portfolio-theme/1616168?ref=showhey0705″] ダウンロード [/button_square]

 

 

 

 Angular

グリッドレイアウトに、レスポンシブ対応のポートフォリオ用テンプレート素材。

滑らかなアニメーションをメインとした操作感が、気持ちよいです、。

1310

[button_square color=”blue” url=”http://themeforest.net/item/angular-responsive-portfolio/full_screen_preview/1415600″] デモサイト [/button_square] [button_square color=”red” url=”http://themeforest.net/item/angular-responsive-portfolio/1415600?ref=showhey0705″] ダウンロード [/button_square]

 

 

 

White Noise

左側に固定されたナビゲーションメニューが、ウィンドウ幅に応じて、変化するテーマ素材。

ブログコンテンツのレイアウトもオシャレで、動画埋め込みなども可能。

510

[button_square color=”blue” url=”http://themeforest.net/item/white-noise-responsive-wordpress-theme/full_screen_preview/1619101″] デモサイト [/button_square] [button_square color=”red” url=”http://themeforest.net/item/white-noise-responsive-wordpress-theme/1619101?ref=showhey0705″] ダウンロード [/button_square]

 

 

 

XO – Responsive Creative Theme

左サイドにナビゲーションメニューを固定した、レイアウトのWordpressテーマ素材。

HTML5とCSS3でコーディングされた、アニメーションなどが多め。

178

[button_square color=”blue” url=”http://themeforest.net/item/xo-responsive-creative-wordpress-theme/full_screen_preview/1315227″] デモサイト [/button_square] [button_square color=”red” url=”http://themeforest.net/item/xo-responsive-creative-wordpress-theme/1315227?ref=showhey0705″] ダウンロード [/button_square]

 

 

 

Triangle Studio Portfolio Theme

チョコレートミントのような色使いが、オシャレな印象を与えてくれる、ポートフォリオ用素材。

デザインだけでなく、ソーシャルメディアなどの機能面もサポート◎。

1410

[button_square color=”blue” url=”http://themeforest.net/item/triangle-studio-wordpress-portfolio-theme/full_screen_preview/1391802″] デモサイト [/button_square] [button_square color=”red” url=”http://themeforest.net/item/triangle-studio-wordpress-portfolio-theme/1391802?ref=showhey0705″] ダウンロード [/button_square]

 

 

 

William

シンプルに写真など、作品を一点ずつ掲載することに適した 、WordPressテーマ素材。

169

[button_square color=”blue” url=”http://themeforest.net/item/william-portfolio-wordpress-theme/full_screen_preview/1377362″] デモサイト [/button_square] [button_square color=”red” url=”http://themeforest.net/item/william-portfolio-wordpress-theme/1377362?ref=showhey0705″] ダウンロード [/button_square]

 

 

 

Artiste

シンプルにすることで、作品自体にフォーカスすることができる、ミニマルWordPress素材。

256

[button_square color=”blue” url=”http://themeforest.net/item/artiste-professional-portfolio-wordpress-theme/full_screen_preview/785887″] デモサイト [/button_square] [button_square color=”red” url=”http://themeforest.net/item/artiste-professional-portfolio-wordpress-theme/785887?ref=showhey0705″] ダウンロード [/button_square]

 

 

 

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

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

 

 

 

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

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

30minimalwp_top

 

[参照元 : 35+ Free and Premium WordPress Porfolio Themes – DesignModo]