ブログやWebサイトを制作するときに、WordPressを利用する方多いのではないでしょうか。
「テーマ」と呼ばれるデザインテンプレートを有効化するだけで、瞬時に見た目を切り替えることができる手軽さも魅力のひとつです。
海外デザインブログBlog of Francesco Mugnaiで、新しく公開されたばかりの、高品質WordPressテーマ素材を30個まとめたエントリー「30+ New Released Free and Premium WordPress Themes」が公開されていたので、今回はご紹介します。
ホームページ制作の時間短縮や、プロジェクトの予算が厳しいときなどに活用することもできますし、ファイル内部を覗くことで、オリジナルテーマ作成の参考にもなりますよ。
詳細は以下から。
デザイン性の高い、ハイクオリティWordPressテーマ素材まとめ
ウィンドウ幅に応じてレイアウトの変化する、レスポンシブデザインを使った、シンプルなWordPressテーマ素材。
フィルタ機能付きギャラリーやショートコードなども実装されています。
[button_square color=”light” url=”http://themeforest.net/item/website-responsive-wordpress-theme/full_screen_preview/1739143″] デモページ [/button_square] [button_square color=”red” url=”http://themeforest.net/item/website-responsive-wordpress-theme/1739143?ref=showhey0705″] ダウンロード [/button_square]
余白スペースをたっぷりと使った、レスポンシブ対応のミニマルなWordPressテーマ素材。
企業用サイトやポートフォリオなどにも活用することができそうです。
[button_square color=”light” url=”http://themeforest.net/item/good-space-responsive-minimal-wp-theme-/full_screen_preview/2278615″] デモページ [/button_square] [button_square color=”red” url=”http://themeforest.net/item/good-space-responsive-minimal-wp-theme-/2278615?ref=showhey0705″] ダウンロード [/button_square]
インパクトのあるイメージスライダーを利用した、グリッドスタイルのWordPressテーマ素材。
特にイメージ写真を多く利用する、ブログやホームページに良さそうですよ。
[button_square color=”light” url=”http://themeforest.net/item/immersion-responsive-fullscreen-wp-theme/full_screen_preview/2346010″] デモページ [/button_square] [button_square color=”red” url=”http://themeforest.net/item/immersion-responsive-fullscreen-wp-theme/2346010?ref=showhey0705″] ダウンロード [/button_square]
背景イメージを自由に変更可能な、クリエイティブなポートフォリオ用WordPressテーマ素材。
レスポンシブにも対応しており、使いやすいナビゲーションメニューやショートコードも実装済みです。
[button_square color=”light” url=”http://themeforest.net/item/volumes-responsive-portfolio-wordpress-theme/full_screen_preview/2311911″] デモページ [/button_square] [button_square color=”red” url=”http://themeforest.net/item/volumes-responsive-portfolio-wordpress-theme/2311911/?ref=showhey0705″] ダウンロード [/button_square]
左側に固定されたナビゲーションメニューとなっており、コンテンツを隙き間なく埋める、Mansoryプラグインが実装されたWordPressテーマ素材。
レスポンシブに対応することで、ダイナミックなアニメーションを実現したデザイン。
[button_square color=”light” url=”http://themeforest.net/item/endless-infinite-scrolling-wordpress-theme/full_screen_preview/2085634″] デモページ [/button_square] [button_square color=”red” url=”http://themeforest.net/item/endless-infinite-scrolling-wordpress-theme/2085634?ref=showhey0705″] ダウンロード [/button_square]
ウィンドウ幅全体に表示される、イメージスライダーが印象的なWordPressプレミアムテーマ素材。
モノクロ、ダーク系スキンをそれぞれ収録しているので、お好みに合わせて使い分け可能。
[button_square color=”light” url=”http://themeforest.net/item/gurlznit-blog-and-portfolio-theme/full_screen_preview/2255093″] デモページ [/button_square] [button_square color=”red” url=”http://themeforest.net/item/gurlznit-blog-and-portfolio-theme/2255093?ref=showhey0705″] ダウンロード [/button_square]
トップページに画像が次々と切り替わる、ユニークなスライダーを組み込んだ、エンターテイメント性の高いWordPressテーマ素材。
[button_square color=”light” url=”http://themeforest.net/item/mediaflex-unique-wordpress-agency-theme/full_screen_preview/2090974″] デモページ [/button_square] [button_square color=”red” url=”http://themeforest.net/item/mediaflex-unique-wordpress-agency-theme/2090974?ref=showhey0705″] ダウンロード [/button_square]
こちらもレスポンシブデザインに対応した、ポートフォリオを中心とした、WordPressテーマ素材。
CSS3を利用したアニメーションを得意としており、ダイナミックなエフェクトが魅力的◎。
[button_square color=”light” url=”http://themeforest.net/item/trendis-responsive-wordpress-theme/full_screen_preview/2347282″] デモページ [/button_square] [button_square color=”red” url=”http://themeforest.net/item/trendis-responsive-wordpress-theme/2347282?ref=showhey0705″] ダウンロード [/button_square]
あらかじめコンテンツに応じて、8種類のページテンプレートが収録されており、すぐにサイトを作成することができるWordPressテーマ素材。
[button_square color=”light” url=”http://themeforest.net/item/that/full_screen_preview/1692607″] デモページ [/button_square] [button_square color=”red” url=”http://themeforest.net/item/that/1692607?ref=showhey0705″] ダウンロード [/button_square]
落ち着いたエレガントな色使いが魅力的で、ポートフォリオサイトに最適な、プレミアムWordPressテーマ素材。
[button_square color=”light” url=”http://themeforest.net/item/avett-an-elegant-wordpress-theme-with-flavor/full_screen_preview/1858148″] デモページ [/button_square] [button_square color=”red” url=”http://themeforest.net/item/avett-an-elegant-wordpress-theme-with-flavor/1858148?ref=showhey0705″] ダウンロード [/button_square]
こちらもレスポンシブデザイン対応で、画像スライダーを実装した、シンプルWordPressテーマ素材。
お好みのテーマカラーを簡単に選択できるので、コンセプトに応じて変更可能。
[button_square color=”light” url=”http://themeforest.net/item/apollo-responsive-wordpress-theme/full_screen_preview/2314323″] デモページ [/button_square] [button_square color=”red” url=”http://themeforest.net/item/apollo-responsive-wordpress-theme/2314323?ref=showhey0705″] ダウンロード [/button_square]
料理レシピを公開することに特化した、ユニークなWordPressテーマ素材のひとつ。
材料や所要時間、レシピなど細かく分けられているので、見やすさもばっちりですよ。
[button_square color=”light” url=”http://themeforest.net/item/cookingpress-recipe-food-wordpress-theme/full_screen_preview/1718890″] デモページ [/button_square] [button_square color=”red” url=”http://themeforest.net/item/cookingpress-recipe-food-wordpress-theme/1718890?ref=showhey0705″] ダウンロード [/button_square]
今年のデザイントレンドでもある、レトロテイストで表現された、ポートフォリオ用WordPressテーマ素材。
グランジ調テクスチャ素材や、ビンテージ風Webフォントなど、デザイン参考にもいかがでしょう。
[button_square color=”light” url=”http://themeforest.net/item/retro-portfolio-one-page-vintage-wordpress-theme/full_screen_preview/1708109″] デモページ [/button_square] [button_square color=”red” url=”http://themeforest.net/item/retro-portfolio-one-page-vintage-wordpress-theme/1708109?ref=showhey0705″] ダウンロード [/button_square]
Webフォントを利用することで、手描きしたような手作り感を演出した、プレミアムテーマ素材で、こちらもレスポンシブデザインに対応しています。
[button_square color=”light” url=”http://themeforest.net/item/leap-unique-personal-blog-portfolio-theme/full_screen_preview/2305748″] デモページ [/button_square] [button_square color=”red” url=”http://themeforest.net/item/leap-unique-personal-blog-portfolio-theme/2305748?ref=showhey0705″] ダウンロード [/button_square]
[fancy_box]
素材購入方法について
今回ご紹介したアイテムは、どれも素材販売サイト「ThemeForest」よりセレクトされています。
英語サイトとなりますが、購入方法については以下のサイトが参考になりました。
無料で商用利用可の有料サイトテンプレートファイルを「ThemeForest」からダウンロードする方法 – Gigazine
[/fancy_box]
最近公開の無料WordPressテーマ素材まとめ
簡単ブログ投稿サービスTumblrをモチーフに制作された、 無料WordPresテーマ素材で、質感の高いてデザインパーツが印象的。
[button_square color=”light” url=”http://demo.themezilla.com/?theme=launch”] デモページ [/button_square] [button_square color=”green” url=”http://www.themezilla.com/themes/launch/”] ダウンロード [/button_square]
こちらもTumblrをモチーフにした、無料テーマ素材となっており、手軽な記事投稿を可能にした、ダッシュボードにも注目です。
[button_square color=”light” url=”http://www.eleventhemes.com/stumblr/”] デモページ [/button_square] [button_square color=”green” url=”http://www.eleventhemes.com/stumblr-theme/”] ダウンロード [/button_square]
左固定ナビゲーションメニューを使い、レスポンシブデザインにも対応した、 無料WordPressテーマ素材。
画像スライダーもウィンドウ幅に応じて、自動的にサイズ変更されます。
[button_square color=”light” url=”http://devpress.com/demo/oxygen/”] デモページ [/button_square] [button_square color=”green” url=”http://devpress.com/themes/oxygen/”] ダウンロード [/button_square]
色使いも参考にしたい、デザイナーさんのポートフォリオサイトなどに活用したい、無料WordPressテーマ素材。
[button_square color=”light” url=”http://www.themeskingdom.com/demo/tint/”] デモページ [/button_square] [button_square color=”green” url=”http://www.themeskingdom.com/tint-free-portfolio-wordpress-theme/”] ダウンロード [/button_square]
タイトル通り、レスポンシブ対応のWebサイトを作成するときに便利な、スタートキット的フリーテーマ素材。
最低限のスタイリングのみされているので、オリジナルWordPressテーマ作成にいかがでしょう。
[button_square color=”light” url=”http://themeid.com/demo/responsive/”] デモページ [/button_square] [button_square color=”green” url=”http://themeid.com/responsive-theme/”] ダウンロード [/button_square]
すぐにでもブログがはじめたいという方にオススメしたい、無料WordPressテーマ素材。
ブログ運営のしやすさにもこだわった、ダッシュボード画面となっています。
[button_square color=”light” url=”http://fthemes.com/demo/Diapason/”] デモページ [/button_square] [button_square color=”green” url=”http://fthemes.com/download/?theme=diapason”] ダウンロード [/button_square]
無料テーマ素材と思えないほど、ショートコードやウィジェットなどが充実した、WordPressテーマ素材。
[button_square color=”light” url=”http://wp.iwebnet.org/”] デモページ [/button_square] [button_square color=”green” url=”http://www.iwebnet.org/desire.html”] ダウンロード [/button_square]
[参照元 : 30+ New Released Free and Premium WordPress Themes – Blog of Francesco Mugnai]
