固定ページにピンタレスト風に画像を設置したい

0
いいねをした人: 居ません
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #24403
    閲覧者
    0

    トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。

    【お使いの Snow Monkey のバージョン】v7.8.1
    【お使いのブラウザ】Google Crome / Safari
    【当該サイトのURL】(公開できる場合は書いていただいたほうがスムーズです)

    ===

    いつもお世話になり、ありがとうございます。
    Snow Monkey は本当に使いやすくて、
    お陰さまで初心者のわたしでもサイトが作れています。

    さて、1点質問です。

    「固定ページにピンタレスト風に画像を配置したい」

    のですが、これは可能でしょうか?

    ※キャプション付きだと、さらにありがたいです。
    ※配置は PC 4列/SP 2列 が理想です。

     

    pinterestのイメージ画像

     

    なお、現在は下記画像のように
    画像サイズを変えることでピンタレストっぽく見せていますが、
    どうしても行が揃ってしまうので、ランダム感が出ません。

    方法を教えていただけますと幸いです。
    よろしくお願い申し上げます。

    現在のピンタレストっぽく配置したページ

    0
    いいねをした人: 居ません
    #24475
    キタジマ タカシ
    参加者
    2244

    使ったことはないのですが、下記のプラグインとかどうでしょう?

    0
    いいねをした人: 居ません
    #24481
    閲覧者
    0

    北島さん、お忙しいなかありがとうございます!
    プラグイン試してみます!

    0
    いいねをした人: 居ません
    #24495
    閲覧者
    0

    度々、失礼いたします。

    北島さんに教えていただいたプラグインを試してみたのですが、
    下図のように横幅がフィットしませんでした。

    (画像左右の余白も気になりますが…)

    あとは、スマホで見たときに1列(1カラム)になってしまいます。

    cssがほぼイジレないので、自力では修正できなさそうです(涙)

    お忙しいなか申し訳ありませんが、
    もし何か方法があれば、教えていただけますと幸いです。

    難しい場合は、諦めようと思います。

    プラグインを試した結果

    0
    いいねをした人: 居ません
    #24505
    キタジマ タカシ
    参加者
    2244

    余白は CSS で調整できるかもですが、スマホでカラム数を調整するのは難しそうですね。ピンタレスト風レイアウト(Masonry レイアウト)は CSS だけでは実現できず、JavaScript も絡んでくるので、独自につくるのも結構難しいです…

    他にもいくつかプラグインはあるようですが、ざっとみた感じどれも先のプラグインと同じような感じがします(1つずつ試してみる価値はあるかもしれませんが)。

    0
    いいねをした人: 居ません
    #24512
    閲覧者
    0

    北島さん、ご親切にもありがとうございます。

    余白は CSS で調整できるかもですが、スマホでカラム数を調整するのは難しそうですね。ピンタレスト風レイアウト(Masonry レイアウト)は CSS だけでは実現できず、JavaScript も絡んでくるので、独自につくるのも結構難しいです…

    そうなんですね!
    自分では判断が難しかったので、助かりました。
    北島さんにそう言っていただけたら、諦めがつきます!笑

    プラグインをひとつずつ試したいところではありますが、今回は時間的に厳しいこともあり、普通に配置します。

    いつも本当にありがとうございます。

    0
    いいねをした人: 居ません
    #24585
    キタジマ タカシ
    参加者
    2244

    JavaScript が絡まないブロックであれば Snow Monkey Blocks に新ブロックとして追加するのもやりやすいのですが、いかんせん僕が JavaScript が苦手なので難易度が高いものは難しく…。

    よくある表現だと思うので、今後もっと使いやすい Masonry ブロックがでてくると良いですね!

    0
    いいねをした人: 居ません
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • トピック「固定ページにピンタレスト風に画像を設置したい」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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