ギャラリー画像の縦横比を変えたい

0
いいねをした人: 居ません
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #2983
    Mio Urakami
    参加者
    3

    こんにちは。ギャラリー機能を使って、画像ギャラリーを作ったのですが、正方形の画像が意図せず横長にトリミングされてしまいます。
    このトリミングの縦横比を変えるのは、追加cssや子テーマcssで調整するしかないですか?

    また、拡大画像も、ブラウザの横幅に合わせて拡大縮小するので、正方形(や縦長)の画像の場合、天地が切れてしまいます。
    これも、画像の大きい方の辺がすべて表示されるように設定しないと、使い勝手が悪いなと思いました。

    拡大画像は、vminとかで指定すれば、いい感じに行くのかなと思いつつ…
    もし設定で変更できるならその方がよいので、質問してみました。

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

    0
    いいねをした人: 居ません
    #2985
    アバター画像キタジマ タカシ
    参加者
    2421

    そうなんです…ギャラリーをどう見せるかというのは結構悩みまして、どんな画像がきても強制的に整えて表示するほうがベターな場面が多いのかなということで今は強制的に全部の画像が 16:9 になるようにしています。

    もしトリミングさせたくない場合は「カスタマイザー > デザイン > Pure CSS ギャラリーを使用する」のチェックを外すと、トリミングされず、WordPress の標準的なギャラリーとして表示されるようになります。

    0
    いいねをした人: 居ません
    #2991
    Mio Urakami
    参加者
    3

    早速のお返事ありがとうございます!
    「どんな画像がきても強制的に整えて表示」
    なるほどです、確かに日々更新するブログではその方が便利かもしれませんね…

    ただ、拡大したときに上下が切れてしまうのは、残念な感じはします。
    サムネイルはトリミングされていてもいいけれど、拡大画像では全体を見せたいと思うのですよね…
    その当たりがうまくいくといいなあとは思いつつも…
    「Pure CSS ギャラリーを使用する」のチェックを外して、プラグイン「Photoswipe Masonry」を入れたら
    大体思い通りのギャラリーになったので、ひとまずそれで対応しようと思います^^

    ありがとうございました。

    0
    いいねをした人: 居ません
    #3002
    アバター画像キタジマ タカシ
    参加者
    2421

    ただ、拡大したときに上下が切れてしまうのは、残念な感じはします。
    サムネイルはトリミングされていてもいいけれど、拡大画像では全体を見せたいと思うのですよね…

    確かに拡大画像までトリミングするのはやりすぎな感じがしてきました。トリミングなしで良い感じにできるかちょっとやってみます!

    0
    いいねをした人: 居ません
    #3009
    Mio Urakami
    参加者
    3

    ありがとうございます!楽しみにしています^^

    0
    いいねをした人: 居ません
    #3676
    アバター画像キタジマ タカシ
    参加者
    2421

    v4.0 で対応しましたのでクローズします!

    0
    いいねをした人: 居ません
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • トピック「ギャラリー画像の縦横比を変えたい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。