ミニマル且つハイクオリティなフォト系WordPressテーマ・Fhi-zin

スポンサーリンク

個人的にお勧めのフォト系
WordPressテーマ、Fhi-zin
をご紹介します。僕が思う
最高に素敵なフォト系のWP
テーマです。もちろんフリー
です。

Ajaxによるページ移動や、サムネイルのリフレクション、コメントに至るまでかなり素敵です。

Fhi-zin

fhi-zin01
かっこええっす。これがTOPページです。基本的に写真とロゴとカテゴリがちょこっと表示されるだけのミニマルなデザイン。サムネイルはリフレクション効果を与えてあり、オンマウスでスムーズに大きくなります。また、キャプションも表示。

個別ページ

fhi-zin02

個別ページはこんな感じです。画像は基本的にサムネイル。拡大すると以下のようにLightbox風に表示します。

fhi-zin03

コメント

fhi-zin04
コメントがまたかっこいい。下からコメント欄が浮かんできます。表示も速い。

画像のの表示方法

使い方のヘルプが分かり難い(一応、同梱のfunctions.pho内に記載されています)ので簡単に画像の表示法を。

fhi-zin05
サムネイルはカスタムフィールドの「名前」の部分に「image_small_120x120」という名を作り、値に画像のURLを入れます。

肝心の大きな画像はカスタムフィールドに「image1_file」という名を作り、拡大したい画像のURLを値に入れます。これで、個別ページにView imageのリンクが表示されます。同じ個別ページに複数の画像を起きたい場合は2枚目は「image2_file」、3枚目は「image3_file」という名を加え、値にそれぞれ画像のURLを入れます。これで、個別ページ内に複数の画像をLightbox内でギャラリー的に表示させる事が出来ます。

このテーマは、ぜひデモをご覧いただきたいテーマです。ご興味のある方は以下よりご覧になれますよ。

Fhi-zin / デモ

URL :
TRB :

Comments & Trackbacks (26)

  1. aun

    Fhi-zin 試してみましたがimage_small_120×120をカスタムに追加しても
    サムネイルが表示できないでいます。
    大きい画像のimage1_fileは表示できているんですけど。
    何故でしょう?

  2. シロ

    >aunさん

    こにちは :-D

    aun: Fhi-zin 試してみましたがimage_small_120×120をカスタムに追加しても
    サムネイルが表示できないでいます。
    大きい画像のimage1_fileは表示できているんですけど。
    何故でしょう?

    aunさんの環境が分かりませんので確かでは有りませんが、恐らくパーミッションの設定が原因では無いかと予想しています。サムネイルは画像にリフレクション効果を与えて実装していますが、そのリフレクション効果を与えた画像がfilesフォルダに格納されます。この格納が出来ていないのでは無いかと思います。

    もしまだされていないようでしたら

    /wp-content/themes/fhi-zin/tools/内にあるfilesというフォルダのパーミッションを777か707に変更してから再度記事を投稿してみてください。

  3. aun

    ありがとうございます。
    パーミッション変更でできました。

  4. シロ

    >aunさん

    aun: パーミッション変更でできました。

    おお、よかったです :-D 書いておくべきでしたね・・ご迷惑おかけしました。。

  5. のん

    こんばんは。はじめまして。
    WP自体はじめてなのですが、
    ぜひともこちらのデザインを使ってみたいのです。
    が、やはり私もサムネイルが表示されません。
    ちなみにパーミッションは挑戦済みです。

  6. シロ

    >のんさん

    こんにちは :-D

    やはり私もサムネイルが表示されません。
    ちなみにパーミッションは挑戦済みです。

    サムネイル以外は正常に表示されていますか?一応正常に表示されてる事を前提にします。filesフォルダのパーミッションは777か707になっているようでしたら、その上層の/tool/フォルダ自体も777か707にしてみてください。それでも表示されない場合に考えられる原因は、WPのバージョンが現在は2.9ですが、当方が確認した当時は2.8でしたのでもしかしたら対応していないか、PHPやDBのバージョンが低い事が考えられます。

    このテーマ自体、僕が作ったものではないのと、多くの環境でテスト出来ないので詳しい原因は分かりかねます。/tools/のパーミッション変更でも表示されないようでしたら、のんさんの環境を教えていただきたく存じます。が、お力になれるか分かりません :-?

  7. のん

    ご回答ありがとうございます。
    すみません、私自身が、WPの設置自体初めてなので、
    何を回答したらいいのか、良く分かっていないど素人で申し訳ないです。
    PHPは5.何がしでしたので、多分ダイジョウブかと。
    ちなみにDBのバージョンはどうやって調べたらよいのかわからず、です。
    (海外サイトZymicを利用しています)
    写真をアップロードした段階で、
    150×150のサムネイルと300×200のサムネイルが
    uploadsファイル内に生成されますが、
    それだけで終了しているみたいです。
    大きな画像は表示されていますし、
    パーミッションについては、すべてチャレンジ済みです。

  8. シロ

    >のんさん

    こんにちは、PHPとDB、及びサーバーの情報有難う御座います :-D
    Zymicについて多少調べてみました。確信は有りませんので何があっても自己責任でお願いしたいのですが、以下の方法なら上手く行くかもしれません。

    1>.htaccessに以下を追加。

    <IfModule mod_rewrite.c>
    RewriteEngine On RewriteBase /
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
    </IfModule>

    2>.htaccessのパーミッションを604に変更

    変更前には必ずバックアップを取るようになさってくださいね :)

    【追記】
    ここで言う.htaccessはルートディレクトリ(wp-configとかがある階層です)にあるファイルです。

  9. はな

    素敵なテーマをご紹介、ありがとうございます。
    とても気に入って早速導入をさせてもらったのですが、
    わたしも、サムネイルが表示されない状況に困り、申し訳ないと思いながらも、こちらにコメントを残させてもらいました。

    わたしも「のん」さんと同じような状況です。
    150×150のサムネイルがuploadsファイル内に生成されますが、それだけで終了・・・。

    パーミッションについても、それぞれを試してみたのですが、うまくいかず、サーバーは「のん」さんとは違うのですが、上記を.htaccessに書き足したのですが、それでも状況は変わらずです。

    わたしはサーバーはロリポップでお借りしています。

    すみませんが、なにかわかることがあったら教えていただけると、助かります・・・

  10. はな

    シロさん、
    お手数をおかけしましたが、なぜか、自己完結できました。
    どうしてそうなっていたのか、
    どうして直ったのか、
    まったくわからないのですが・・・
    どうもありがとうございました。

  11. シロ

    >はなさん

    すみません、お返事遅れてしまい・・少々仕事が立て込んでました。
    とにかく解決して何よりです :-D

    ロリポップはよく画像が表示されないなどの声を聞きますが、サーバー側で権限を変更するなどしないとならない場合もあるみたいです。

    はなさんの場合は不明ですが・・とにかく良かったです :mrgreen:

  12. のん

    お返事遅くなりました。
    ご丁寧にどうもありがとうございました。

    が、結果としては失敗だったようです(笑)

    403エラーが出てしまいました…

    どうしても使ってみたいのですが、
    なかなかおもうようにいかないものですね。。

  13. シロ

    >のんさん

    むむむ・・・そうですか・・うーん、悔しいですな。。
    一応、して頂いた事の解説をご参考までに。

    えっと、このテーマはプログラムでサムネイルをキャッシュし、リフレクション効果(反射)をあたえてフォルダに格納する仕組みなのですが、このキャッシュが問題、というか、他のフォーラムでZymicではキャッシュ(mod_rewrite)がデフォルトでは機能せず、.htacsessに記載する必要があるみたいだったので、それが原因かと思ったのですが・・サーバーを借りていれば検証できたのですが・・お役に立てず申し訳有りません :cry:

  14. ばじる

    シロさん

    はじめまして。
    素敵なテーマをご紹介して下さり、ありがとうございます。

    さっそくプラグインを導入してみたのですが、私もサムネイルが表示されず、
    ご迷惑かなと思いながらコメントをさせていただきました。

    パーミッションは777に変更したのですが改善されず、wordpress初心者のため他にどうしてよいか?わからず悩んでしまっております。

    もし何か方法がありましたら、お教えいただけますと嬉しいです。

    ちなみにサーバーはロリポップ、WPのバージョンは3.0です。

    どうぞよろしくお願い致します。

  15. ばじる

    シロさん

    昨日質問をさせていただいたのですが、
    理由は分からないのですが、正常に表示されるようになりました!

    お騒がせして申し訳ありません。
    ありがとうございました。

    • シロ

      おお!なによりです!返信遅くなりましたが・・ロリポップではたまに聞く話ですがなんなんでしょうね・・

  16. ベナリーボ

    シロさん

    いつもサイト楽しみに拝見させて頂きます。

    是非この素晴らしいテーマを使わせて頂きたいのですが
    なぜか皆様と同様サムネイルが表示されません。。。

    “tools”"files”ともにパーミッションを777に設定したのですが
    filesにサムネイルが出力されないんです。。。

    PHPとDBのバージョンも問題ありません。

    もし何かお分かりになるようでしたら
    ご教示頂けると幸いです。

    宜しくお願い致します。

    • シロ

      こにちは&ありがとうです!

      “tools””files”ともにパーミッションを777に設定したのですが
      filesにサムネイルが出力されないんです。。。

      PHPとDBのバージョンも問題ありません。

      なるほど・・因みに、パーミッションはサーバーによって異なる場合もあります(例えば707である必要がある場合など)。
      また、サムネイルがfileフォルダに格納出来るようにする為にはお使いのサーバーでmod_rewriteが有効になっている必要があります。この2点はサーバー側に問合せないと分からないのですが、宜しければサーバー側に問い合わせてみてください:)

      • ベナリーボ

        ご丁寧に返信いただきありがとうございます!
        自分、Xserver使っているのですが、パーミッションの設定は705の模様です。
        mod_rewriteも有効になっているはずなのですが…やっぱりダメでした。。。

        画像は出てくるのですが
        “image not found”の画像が生成されてしまいます。
        http://shinyuri-art.xsrv.jp/

        度々で恐縮ですが、前に進んだのかどうかも?でございます。
        何かお分かりでしたらご教示下さいませ。

        • シロ

          こにちは!

          自分、Xserver使っているのですが、パーミッションの設定は705の模様です。
          mod_rewriteも有効になっているはずなのですが…やっぱりダメでした。。。

          画像は出てくるのですが
          “image not found”の画像が生成されてしまいます。

          Xserverでしたか。XserverはPHPをCGIに変えて動かすので他のサーバーより若干ハードルは高いかもしれませんね。Xserverならmod_rewriteは有効になっているはずですね・・問題が無ければサーバー側の「files」フォルダ内にリフレクション効果の与えられた画像が入っている筈です。で、ご確認頂きたいのは、

          1・「files」フォルダ内に画像が生成されているかをご確認なさってみてください。
          2・カスタムフィールドの名前や値に誤りがある、例えばURLの後ろ等に半角スペース等は入っていませんか?

          この2点でしょうか。リフレクション画像は出ているようなので基本的に問題があるとすれば2ではないかと思います・・

          • ベナリーボ

            できましたーーーーー!

            “×”が全角になっていた模様です。。。

            何度何度もすみませんでした。

            今後もサイト楽しみに拝見させて頂きます!

            どうもありがとうございます!!!

    • シロ

      おお!なによりです!安心しましたw今後もよろしくお願いしますー!

  17. Mana

    シロさんこんにちは!
    素敵なテーマですね、ありがとうございます!

    最近友人に食生活を見直すよう言われたのですが、
    どうしても大好きなチョコをやめられません。
    どうすればいいですか?
    よろしくお願いします。

    • シロ

      こんにちは、まなっぺさん。そんなに僕を見つめないで下さい!

      最近友人に食生活を見直すよう言われたのですが、
      どうしても大好きなチョコをやめられません。
      どうすればいいですか?

      僕もポテチをやめられなくてので困ってしまっていましたが、このfhi-zinを使ったらなんと!!!
      ポテチやめられませんでした。チョコ美味しいからやめなくていいんじゃないでしょうか。胃のパーミッションは777にして下さいね。

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services