記事テンプレートとして使える WordPress の『投稿フォーマット』の使い方とアイディア例

PAK42_oisisounamakaron20140304

投稿フォーマット、使ってますか? WordPress には投稿フォーマットという機能があり、上手く使えば記事の種類によってデザインを簡単に切り替えたり、ちょっとしたテンプレートとして利用する事が出来ます。 本記事では「投…

ミニマルでユーザビリティ溢れる WordPress レスポンシブテーマ 『DW Minion』

WordPress のデベロッパー・チーム 『DesignWall』にて公開されているフリー WordPress テーマ『DW Minion』のご紹介です。 ミニマルながらもリッチなコンテンツ 『DW Minion』はブ...

ミニマルでユーザビリティ溢れる WordPress レスポンシブテーマ 『DW Minion』 is a post from: Room 402

シンプルなデザインが美しいポートフォリオ用 WordPress テーマ 6 選

Hatch デモサイト Download 私の大好きな AlienWP チームの制作した、無料 WordPress ポートフォリオテーマ。 非常にシンプルで、デモサイトにアクセスして頂くと体感出来るのですが、非常に軽いで...

シンプルなデザインが美しいポートフォリオ用 WordPress テーマ 6 選 is a post from: Room 402

WordPress の次期デフォルトテーマ 『Twenty Fourteen』 が黒いシックなデザインで格好良い

WordPress の次期デフォルトテーマとなる『Twenty Fourteen』のデザインがとても格好良い。もうご覧になりましたか?

WordPress のテーマファイルは、デフォルトテーマがデフォルトとは思えない程素晴らしいですよね。おまけに、回を重ねるごとにデザインが良くなってきているので、正直「もうデフォルトテーマで良いんじゃないの?」という気になってきます。意外と使っている方も少ないですしね。

特に今回の『Twenty Fourteen』はかなり出来が良い印象を受けました。

Twenty Fourteen – A Beautiful Magazine Theme

『Twenty Fourteen』 の特徴

『Twenty Fourteen』のキャッチフレーズは、“A Beautiful Magazine Theme” となっており、マガジン向けレイアウトのテーマに仕上がっています。

まず、今までの白系のシンプルなデザインや、カラフルでポップなデザインとは一線を画すような配色になっているのが目を引きますね。

配色だけではなく、レイアウトデザインも今までとは大分異なっているので、いくつかの特徴的な部分をご紹介したいと思います。

真っ先に目を引く “Featured” コンテンツ


『Twenty Fourteen』を開くと、まず初めに目に飛び込んでくるのは先頭に表示されたコンテンツです。一瞬ギャラリーサイトかと思わされますね。

非常に目を引く構成になっていて、見て欲しい(Featured)コンテンツが一番最初に目に入るような設計になっています。

左に表示されるメニューカラムと、メインカラムをフル活用した 2 カラムの構成になっています。

マガジンスタイルの見慣れたレイアウト

スクロールして少し下に進むと、見慣れた時系列のマガジン風のレイアウトが見えてきます。
タイトルとアイキャッチ画像を大きく使って、直下に本文が表示されるスタイルは WordPress ユーザーであればおなじみのレイアウトですよね。

ここから 3 カラムの構成になり、メインカラムはコンテンツサイドバーに分かれます。

サイドバーには動画も配置出来るようで、ページの移管なく、よりダイナミックなコンテンツを提供できそうです。

個別記事の表示

記事ひとつひとつのページデザインも、基本的には 3 カラムの構成です。
左にメニューカラム、中心にコンテンツが表示され、右側にはサイドバーというレイアウトです。

記事を書く際に設定すれば、メニューカラムとコンテンツという 2 カラム構成にして、コンテンツをより広く取る事も出来るようです。

『Twenty Fourteen』 の構成


『Twenty Fourteen』は、以下のカラムで構成されています。

  • Header
  • Menu
  • Main
  • Side
  • Footer

ヘッダーは常時表示されるようで、スクロールに合わせて着いてきます。


フッターは 4 カラムで、ヘッダーやメニューバーと同じく、黒背景に白文字となっています。

まとめ

全体的に黒ベースのデザインで、今回はかなりシックな印象になりましたね。
これをベースにデザインすれば、殆どそのままでもかなり良いサイトが作れそうな気がします。

WordPress のテーマは使ってみると、毎回、特にタイポグラフィがよく考えられていて、非常に読みやすいサイトが出来上がります。配布されているお気に入りテーマを探すのも楽しいですが、デフォルトテーマを使って内容で勝負するのも楽しそうですね。

私が好んで読んでいるブログでも、WordPress のデフォルトテーマをそのまま利用されている方が何人か居ますが、サイトの価値には全く影響していないです。むしろ、読みやすくて良いです。

WordPress に同梱されるのが楽しみですね。

WordPress の次期デフォルトテーマ 『Twenty Fourteen』 が黒いシックなデザインで格好良い is a post from: Room 402

フリーかつ高品質な 10 個の WordPress ギャラリー用テーマ

WordPress のギャラリー用テーマで、かつフリーなもの。更にその中で個人的に品質が高いと感じたものをまとめてみました。七個とご紹介している数は少ないかも知れませんが、何かの参考になれば幸いです。

また、『ギャラリー用』と銘打っているにも関わらず、一部『ポートフォリオ用』の WordPress テーマが混じっていますが、ポートフォリオ・テーマもギャラリーとして使えなくもない…という事で大目に見て頂けると幸いです。

Grid Theme Responsive

グリッドレイアウト、レスポンシブデザインと揃った、非常にデザインセンスの良いギャラリー用のテーマです。デモサイトで触って頂くと分かるのですが、画像にカーソルを合わせるとディスクリプションが薄っすら表示されるのも格好いいです。

デザインや動きはとても良いのですが、トップページで表示される画像が縦長のため、正方形の画像を利用する場合はアスペクト比が狂います。テーマファイルを直接編集してサイズを変えるか、アイキャッチ画像を切り抜き表示へ変更する必要がありそうです。

Pronto

こちらも非常に気に入っているギャラリー用テーマです。
左カラムにメニューを固定しているタイプのテーマで、タグなどをきちんと整備すれば非常に面白いギャラリーが出来そうです。デフォルトの配色がエメラルドグリーンで爽やかなのも素敵です。

ダウンロードには無料のアカウント作成が必要です。

余談になりますが、『Pronto』がダウンロード出来るサイト『WPExplorer』は他にも高品質な WordPress テーマを多数配布しています。無料のテーマも沢山あるので、気になったら是非見てみて下さい。『Adapt』などは有名ですよね。

Best Free WordPress Themes – WPExplorer

Simple Grid

レスポンシブ・グリッドレイアウトのギャラリー用テーマ。
有料版と無料版があり、無料版はカラム制限などがあるものの、個人的な所感ではそれほど不便なく利用する事ができます。デザインが欧風な印象を受けます。

Portfolio Theme

シンプルで美しいポートフォリオ用テーマ。
ポートフォリオ用、という事で配布されていますが、ギャラリーとして利用することも出来るかと思います。

このテーマは各要素の配置が特に美しく、是非どこかで使ってみたいと思っているテーマです。

Gridly

  • デモ
  • ダウンロード

Tumblr風のグリッドレイアウトのギャラリー用テーマ。個人的に、非常に惜しいテーマです。
全体的に左に寄りすぎてしまっていて、右側の空白が気になります。よく出来ているテーマなので、利用する際はセンター揃えにするか、さもなければ少し左右のマージンを調整して使いたいですね。

Mixfolio

ポートフォリオ用テーマです。
スクリーンショットでは下の方が見えにくいですが、サイト上部にメッセージとコンタクトフォーム、そしてその下からポートフォリオが並ぶ形式のテーマです。

非常に汎用性の高いデザインなので、使いやすい印象を受けました。
これも本来はギャラリー用テーマでは無いですが、参考程度に御覧ください。

Gallery

Pinterest 風のギャラリー用テーマ。
有料の WordPress テーマを配布している『UpThemes』が今年の頭に無料で公開したテーマです。

個人的に Pinterest がとても好きで、WordPress でも Pinterest Like なサイトを作ってみたいと探している時に見つけたものです。他にも Pinterest Like なテーマはいくつかありましたが、最も出来の良いものは有料でした。無料でダウンロード出来る『Gallery』はとてもオススメです。

ただ、実際に利用してみるとかなり癖のあるテーマで、私が利用した際にはかなり色んなコードを書き換えたり、CSSを調整したりしました。中々面白いテーマです。

Minimatica

  • デモサイト
  • ダウンロード

四枚のパネルが特徴的なフォトギャラリー用のテーマ。
私はこういう、実用性を犠牲にして芸術性を全面に押し出したテーマが大好きです。見辛い。だがそこが良い!


写真にカーソルを合わせると、この様にピックアップされてディスクリプションも表示されます。
配布ページに色々と仕様が載っているのですが、意外とブログ形式にも使えそうな良いテーマです。

実際に利用する事を考えるとユーザーフレンドリーでは無いかも知れませんが、いつか趣味のサイトで使ってみたいです。素敵です。

Photum

正方形の画像用ギャラリーテーマとして、現状一番気に入っているテーマです。
スクリーンを大きく使っているのが気に入っています。

画像にカーソルを合わせるとディスクリプションが浮き上がるのも、洗練された印象を受けてとても好きです。

Fullscreen

『Mixfolio』と同じくサイト『Graph Paper Press』で配布されている WordPress テーマです。
フルスクリーンでメディアを存分に使ったレイアウトなので、ダイナミックなサイトが作れそうです。


画像のひとつひとつがコンテンツになっており、カーソルを合わせるとピックアップされて明るく表示されます。


時系列順にコンテンツを並べる事もでき、その際メディアはかなり大きく配置されます。まさにフルスクリーンです。大きなディスプレイで見たら格好いいでしょうね。

個人的には、これもいつか使ってみたいと思っているテーマです。

まとめ

以上、WordPress で使えるフリーのギャラリー用テーマでした。
WordPress のテーマを実際に利用してみると、様々な特徴があって見た目だけでは選べないところもあります。そう、このブログが何度もテーマを変更するように、見た目だけでは選べないところもあります。ね?

私にとってギャラリー形式のサイトは、場合によっては文章が殆ど無く SEO 対策が施しにくかったりする反面、デザイン重視で好きなように作れる数少ない場でもあります。ここは思い切って、思い切り見た目にこだわって見てもよいでしょう。

他にも素晴らしいギャラリー用テーマは数多く存在しています。
何か良いものがあれば、是非 Twitter などで教えて頂けると嬉しいです。

この記事が何かの参考になれば幸いです。

フリーかつ高品質な 10 個の WordPress ギャラリー用テーマ is a post from: Room 402