サポート » プラグイン » Gallerifficのレイアウトが崩れる

  • 解決済 sp_assistant

    (@sp_assistant)


    宜しくお願いいたします。

    http://webdesignrecipes.com/how-to-customize-wordpress-gallery/

    そのデモサイト
    http://webdesignrecipes.com/sample/galleriffic-on-wordpress/

    上記サイトを参考にGallerifficを導入したのですがレイアウトが崩れてしまいます。

    当方作成中サイト

    http://speciesnursery.com/wp/tillandsia_abc/279/279/

    cssファイルはgalleriffic-2.cssを使用しております。

    その中の67~71行目
    }
    div.caption-container {
    position: relative;
    clear: left;
    height: 75px;

    とあり、サイズは75pxの正方形になると思っているのが間違っているのか・・・。
    htmlにて必要なcss・jsファイルは指定の場所にあるのを確認して、
    問題ないとは思うのですが必要なjsファイルなどをアップロードしそびれているのか・・・。
    自分なりに調べてはみたものの、どこが問題なのかがわからず、です。

    どなたか助け舟出して頂けると幸いです!とても時間をかけているので最後まで
    作りたいです、宜しくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター のむらけい (Kei Nomura)

    (@mypacecreator)

    サイトを拝見しましたが、崩れというのが具体的にどういうことなのかちょっとわかりかねました。正しく動いているようなので。。。

    その中の67~71行目

    }
    div.caption-container {
    position: relative;
    clear: left;
    height: 75px;

    とあり、サイズは75pxの正方形になると思っているのが間違っているのか・・・。

    挙げていただいた上記のCSSは画像サイズのことではないです。
    これは、右側画像下のキャプション(説明テキスト)を囲っているdivの高さが75pxっていうことなので、正方形がどうとかっていう話は関係ないです。

    ご希望の完成形がもうすこし分かるように書いていただけると助け舟の出しようがあるかなーとおもいます。

    ちなみに、このJSで画像を自動的にリサイズする機能はないので、アップする段階で画像の縦横比はあらかじめあわせておくか、WordPress側で処理を書いてUP時に正方形でリサイズされるようにしないといけないですよ。

    トピック投稿者 sp_assistant

    (@sp_assistant)

    mypacecreator 様

    返信頂きましてありがとうございます。
    良く読んでみれば、そうですよね、divの高さですよね・・・。
    色々と混同しておりました。

    その後落ち着いて見直しながらテストしましたら、解決出来ました。

    使用しているgalleriffic-2.cssの123行目後に

    width: 75px;
    height: 75px;
    の2行を付け加えたら希望するレイアウトになりました!

    自己解決しましたが、助かりました。ありがとうございます。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Gallerifficのレイアウトが崩れる」には新たに返信することはできません。