タッチデバイスに最適化されたポートフォリオ用のWordPressのテーマ -Touchfolio

「Touchfolio」という名前の通り、iPhoneなどのタッチデバイスに最適化された、写真や作品を紹介するためのポートフォリオ用のWordPressのテーマファイルを紹介します。
もちろん、デスクトップでも動作します。

Touchfolio

[ad#ad-2]

• Touchfolioのデモ
• Touchfolioの特徴
• Touchfolioのインストールと使い方

Touchfolioのデモ

デモはiPhone, iPadなどのタッチデバイスでも、デスクトップでも、どちらでも閲覧可能です。
まずは、デスクトップ時のキャプチャから紹介します。

デモページ：デスクトップ幅1200pxで表示

デモでは第二階層が5つあり、通常通り左のナビゲーションから階層を移動することができますが、右のメインコンテンツから移動することもできます。
分かりにくいかもですが、右端のアローが下向きになります。

デモページ：デスクトップ幅1200pxで表示

表示サイズによってレイアウトも変更されます。

デモページ：デスクトップ幅800pxで表示

左にあったナビゲーションは、上部に折りたたみ式で移動します。

デモページ：デスクトップ幅800pxで表示

[ad#ad-2]

タッチデバイスはiPhoneを持ってないので、iPodで。

デモページ：タッチデバイスで表示

ナビゲーションなども同様に利用できます。

デモページ：タッチデバイスで表示

レイアウトはサムネイルをレンガ状に並べるMasonryにも対応しています。

デモページ：Masonry

Touchfolioの特徴

• スマートフォンにも対応したResponsiveデザインのレイアウトを採用。
• LESS CSSベースで、変数はTwitter Bootstrapに類似。
• レイアウトはシンプルなギャラリー版とMasonry版の2タイプ。
• カテゴリごとにまとめ、複数のギャラリーページを設置可能。
• YouTubeとVimeoの動画をサポート。
• SEO最適化、画像が検索エンジンにインデックスされます。

対応ブラウザ

• Firefox, Chromeを含む全てのモダンブラウザとIE7+
• iOS
• Android 2.2+
• Opera Mobile
• Windows Phone 7+
• Blackberry OS

Touchfolioのライセンス

Touchfolioの利用あたっては個人でも商用でも無料で利用できます。ただし、再分配は禁止です。
詳しくはlicense.txtをご覧ください。

Touchfolioのインストールと使い方

インストールと使い方は動画の解説が用意されています。

Touchfolio Free WordPress Themeのインストールと使い方