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

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

デモのキャプチャ

Touchfolio

Touchfolioのデモ

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

デモのキャプチャ

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

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

デモのキャプチャ

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

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

デモのキャプチャ

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

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

デモのキャプチャ

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

タッチデバイスは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のインストールと使い方

top of page

©2017 coliss