WordPressを利用して、自分だけのポートフォリオを作成してみませんか。
ポートフォリオは、これまでの制作実績やデザイン、技術スキルなど、じぶんらしさをアピール、表現するのに適した作品集です。
海外デザインブログDesign Modoで、デザイン力にあふれた、ポートフォリオ用WordPressテーマファイル35個をまとめたエントリー「35+ Free and Premium WordPress Portfolio Themes」が公開されてたので、今回はご紹介します。
ユニークなCSS3アニメーションや、最近よく見かけるレスポンシブWebサイトなどを組み込んだ、高品質WordPressテンプレートが中心となっています。
詳細は以下から。
無料WordPressテーマファイル
グリッドレイアウトを利用して、スッキリと整列されたミニマル系WordPressテーマ。
ナビゲーションメニューには、巨大検索ボックスが隠れています。
[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]
写真とタイトル、日付など不要なパーツを省いた、ミニマルデザインのWordpressテーマ素材。
HTMLコードを追加するのにも、向いているかもしれません、会員登録で無料ダウンロード。
[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
グリッドを使い、スッキリと写真を並べることが可能なポートフォリオ用サイト。
個別ページでは、スムーズなエフェクトの写真スライダーも実装されています。
[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]
ザラザラとしたノイズテクスチャを使用した、写真を中心とした、ダーク系のWordPressテーマ素材。
左側に設置されたナビゲーションメニューや、アニメーションなども実装済です。
[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テーマ素材まとめ
有料WordPress素材は、どれもデザイン素材販売サイト「ThemeForest」よりセレクトされています。
英語サイトとなりますが、購入方法については以下のサイトが参考になりました。
無料で商用利用可の有料サイトテンプレートファイルを「ThemeForest」からダウンロードする方法 – Gigazine [/fancy_box]
iPhoneなどでも表示も可能な、レスポンシブデザインに対応したWordPressテーマ素材。
オレンジ、黒、白をベースに3色のカラーリングが、まとめて収録されています。
[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]
イメージ画像を多く利用する方にオススメしたい、レスポンシブ対応のWordPressテーマ素材。
ウィンドウ幅に応じて変換する、画像スライダーやショートコードなども豊富です。
[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テーマ。
※オーディオ機能サンプルのため、音がでます。
[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]
ピクトグラムなど直感的な操作感がうれしい、WordPressテーマ素材。
フォント、カラーリングの変更も管理画面から行うことが可能だそうです。
[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]
Webサイトやグラフィックデザインなど、制作実績をまとめて紹介したいときに、便利なテーマ素材。
ホバーエフェクトなど細かい部分にもこだわりを感じる作品のひとつ。
[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]
CSS3を多用した、ふんわりとしたアニメーションが印象的だった、WordPressポートフォリオ素材。
むらさき色を含む、計3色のテーマカラーから選択可能となっています。
[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]
グリッドレイアウトに、レスポンシブ対応のポートフォリオ用テンプレート素材。
滑らかなアニメーションをメインとした操作感が、気持ちよいです、。
[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]
左側に固定されたナビゲーションメニューが、ウィンドウ幅に応じて、変化するテーマ素材。
ブログコンテンツのレイアウトもオシャレで、動画埋め込みなども可能。
[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でコーディングされた、アニメーションなどが多め。
[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
チョコレートミントのような色使いが、オシャレな印象を与えてくれる、ポートフォリオ用素材。
デザインだけでなく、ソーシャルメディアなどの機能面もサポート◎。
[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]
シンプルに写真など、作品を一点ずつ掲載することに適した 、WordPressテーマ素材。
[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]
シンプルにすることで、作品自体にフォーカスすることができる、ミニマルWordPress素材。
[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個まとめ
「シンプル・イズ・ベスト」を追求したテーマファイルを中心に集めています。
[参照元 : 35+ Free and Premium WordPress Porfolio Themes – DesignModo]