超クールな可変グリッドレイアウトのギャラリーWPテーマ・Mansion

スポンサーリンク

超クールなギャラリー用テーマ、
Mansionのご紹介です。もちろん
フリー。可変グリッドレイアウトで、
いかなる環境でもグリッドが崩れ
ることが無いのは助かりますね。

敷き詰められた写真の織り成すギャラリーがとても美しいです。

Mansion

men01
素晴らしいです。左上にメニューが出ますよ。画像はマウスオーバーで明るくなり、フェードエフェクトもかれられています。

men02
ご覧のように縮小してもレイアウトは守られています。

men03
頭痛の種のIE6でも問題なし。アニメーションエフェクトだけかかりませんが、特に問題ではないですね。

men04
デモのページ全体のキャプチャです。

ダウンロード

men05
DLはメンバーページで。上記の場所がDLのリンクです。

普通にこのまま使えそうですね。ダウンロードは無料ですが、メンバー登録が必要です。フリープランでもDL可能で、このテーマ以外も高品質なテーマが手に入るサイトですので登録しても損は無いかと思います。

登録の際、住所等の記入項目も有りますが必須ではありませんのでご安心下さい。

Mansion / デモ

URL :
TRB :

Comments & Trackbacks (23)

  1. user

    初めまして。こちらの記事を拝見させていただき、テーマをダウンロードしようとしたのですが、どうしてもダウンロードページにたどり着けません。もしよろしければどの様にダウンロードページに行くのかご教授頂けないでしょうか?

    • シロ

      はじめまして、こんにちは。

      どうしてもダウンロードページにたどり着けません。

      記事にも書きましたが、このテーマはこのサイトでメンバー登録をしなければダウンロードできません。少し分かりにくいかもですね・・

      Sign Upに進みFree planのラジオボタンにチェックを入れて必要事項を入力し、CONTINUEをクリックすればメールが送られてきます。これでサイトのメンバー登録が完了しますので、ログインし、Mansionを探してDLしてください。

      • user

        お返事ありがとうございます。
        サインアップは済ませた後、メンバーページに飛びましたが、メンバーページにテーマのダウンロードリンクが表示されるまでにサインアップ後1日程度タイムラグがありました。=>結果無事ダウンロードできました:)

        現時点でダウンロードできるバージョンでは、レイアウトが崩れてしまったり、記事のサブネイルが上手いこと表示されなかったりと、そのまま使える状態というわけではないみたいですね。
        Demoのバージョンはおそらく有料メンバーになるとダウンロードできるバージョンなのかも?
        いい機会なのでwordpressのテーマカスタマイズにチャレンジしてみようかと思います!

        • シロ

          こんにちは。ダウンロード出来た様で安心しましたー!

          現時点でダウンロードできるバージョンでは、レイアウトが崩れてしまったり、記事のサブネイルが上手いこと表示されなかったりと、そのまま使える状態というわけではないみたいですね。

          あれ?おかしいですね・・僕も触りましたがデモの通り動きました。もう1年以上前なので仕様変更があったのかもですね・・

          そうですね!ぜひカスタマイズにトライしてくださいー!応援しています!XD

  2. tk

    どうすればdemoページのように画像をアップ&アクションするのでしょうか?

    初心者でよくわかりません。

    • シロ

      こんにちは。コメント有難う御座います。

      どうすればdemoページのように画像をアップ&アクションするのでしょうか?

      アップ&アクション・・というのがどういう挙動を指すのかちょっと分かりませんでしたが、アップというのはサムネイルの表示方法でしょうか?

      こちらは記事を書く際に使用した画像が自動取得される、という仕様だったと記憶しています。

      表示されない場合はお手数ですが再度コメント頂けますでしょうか?

      • tk

        回答いただきありがとうございます
        DEMOページみたいに、画像をいっぱい羅列させる

        lightboxみたいにクリックしたら表示させたい
        もしくは
        リンクページへ飛ばしたいです。

        新しくページを作るのでしょうか?

        初心者なのでよくわかりません。

        よろしくお願いします

        • シロ

          あ、なるほど。デモのように、という事でしたら仰るとおり記事を書いていけば埋まっていきますよー!

          記事には画像を少なくとも1つは必ずアップロードしてください。その画像が羅列される画像に使われます。

          Lightboxはまた別の施工が必要かもしれませんが、「リンクページへ飛ばしたい」というのであれば、単に記事をどんどん書けばいいだけだと思います。

          ぜひトライしてみてくださいー!

  3. tk

    あれから思考錯誤するのですが、どうしてもTOPページに画像が羅列されません。。。
    なぜでしょうか?
    下手にメニューなどを作るからでしょうか?

    よろしくお願いします

    • シロ

      こんにちはー!

      ふーむ・・・ちょっと昔と違ってダウンロード出来なくなってるみたいなのですが、「アイキャッチ」を設定してみては如何でしょうか?

      1.画像をアップロード
      2.アップロード後、下部に「アイキャッチ画像として使用」というリンクがあるのでクリック
      3.普通に記事を書く
      4.記事を投稿

      これで表示できるかもしれません(未検証

      メニューとは無関係ですのでガンガン作ってください!;D

  4. U-i

    こんにちは。
    以前こちらのサイトでこのテーマを知り素人ながらWordpressを始めるきっかけを頂きました。

    他の方も言われてるようにデモ通り動いてくれない部分があって
    カスタマイズの真似事をしてどうにかしようとしていますが思い通りいかないものです。
    ちょっとお知恵をお貸しください。

    デモだとサムネイルの白い写真だけ他のものより大きく表示されていますが、
    これが同様に表示されません。全て同じサイズのサムネイルの羅列になってしまいます。
    CSSの設定でしょうか?
    特に支障はないのですが、もしご存知でしたらご教授頂けないでしょうか。

    よろしくお願いします。

    • シロ

      はじめまして、こんにちは!

      大きいサイズのサムネイルはカスタムフィールドの名前を「featured」に設定して、値に画像のURLを入れればその画像が反映されるかと思いますー!

      • U-i

        返信ありがとうございます。

        featured設定してみましたが、特に反映されていないようです・・・
        先の質問に出ているように、サムネイルが表示されないので、
        記事毎にアイキャッチを設定しているのですがそれと関係があるのでしょうか?

        • シロ

          こんにちは。すみません、if(has_tag(‘featured’)というコードを見落としていました。カスタムフィールドは僕の勘違いです・・

          これは、「featuredという名のタグが登録されている場合」の条件分岐ですので、大きなサムネイルを表示させるには、その記事にfeaturedというタグを与える必要があるみたいです。当環境にて実装を確認しました。まとめますと、

          ・アイキャッチ画像に幅400pxほどの画像を登録
          ・featuredというタグが登録してある

          上記2点を条件として、大きいサイズのサムネイルを表示させる事が出来ます。

          • U-i

            ありがとうございます!出来ました。
            ご丁寧に解説、確認までして頂き感謝感激です!
            昨日も休日1日使って試行錯誤していたのですが
            素人知識だけではどうにもならなかったです。

            これを機にいろいろ勉強してみようと思います。
            行き詰まったらまたご助言頂ければ幸いです。
            どうもありがとうございました。

          • シロ

            いえいえー!できてよかったですw僕も勉強不足なのにコードパッと見ただけで判断していたので反省です・・・

            お互い楽しみながら学んで生きたいですねー!

  5. tk

    あれから少しずつ更新を続けているのですが、

    DEMO画面のように
    ・画像の羅列ができない
    ・TOPぺージはサイドバーがなく、各ページにはサイドバーがある形にできない。
    のですが、なぜでしょう?
    CSSをいじるしか方法はありませんか?

    素人でもできる方法ってあるのでしょうか?
    よろしくおねがいします

    • シロ

      こんにちは。ご返信遅くなって申し訳ありません・・

      画像の羅列、全く出来ませんか?うーん・・おかしいですね。「アイキャッチ」機能を使えば表示されるはずなんですが・・

      サイドバーはウィジェットを使えば出ると思いますが出ませんでしょうか?

Twitter

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

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

twitter facebook rss contact

Ads

Posts

Contact

Services