スマホで見た際にカスタムHTML(Pintarest埋め込みコード)の下に大きなスペースが空いてしまう

0
いいねをした人: 居ません
  • このトピックには18件の返信、2人の参加者があり、最後にJKDECORにより3年、 8ヶ月前に更新されました。
15件の投稿を表示中 - 1 - 15件目 (全19件中)
  • 投稿者
    投稿
  • #61615
    JKDECOR
    参加者
    51

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

    【お使いの Snow Monkey のバージョン】最新
    【お使いのブラウザ】safari
    【当該サイトのURL】https://livingskape.jkdecor.com

    ===

    いつもありがとうございます。
    今ピンタレストを埋め込んだ記事を書いているのですが
    なぜかカスタムHTMLの下に大きな空白ができてしまいます。
    PC版で見ると空いていないのですがスマホでみると空くようです。
    ご確認お願い致します!!

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

    トップページではなくてどれかの記事ページですかね?実際の URL を教えてください!

    0
    いいねをした人: 居ません
    #61619
    JKDECOR
    参加者
    51
    #61627
    JKDECOR
    参加者
    51

    ちょっと公開したら結構見られちゃってるのでまた下書きに戻します!また調査する際にメッセージください!

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

    すみません、了解です!
    あれなら本物のページではなくてもピンタレストを埋めこんだダミーのページ(パスワードつき可)でも大丈夫ですよ。

    0
    いいねをした人: 居ません
    #61629
    JKDECOR
    参加者
    51

    またご連絡頂ければすぐ公開します!宜しくお願いします!

    0
    いいねをした人: 居ません
    #62274
    JKDECOR
    参加者
    51
    #62276
    JKDECOR
    参加者
    51

    もし可能であればでいいのですが、
    埋め込んだときに角丸になる感じが気になってて
    追加 CSSとかで普通の四角に出来たりするものでしょうか?
    色々と申し訳ありません!

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

    確認しました!

    えっと、いま iframe で埋め込みされいるようですが、iframe で埋め込みされているため、CSS 等で調整するのは難しそうです。

    Pinterest は oEmbed に対応しているので、Pinterest の URL を直接エディターにはりつければ埋め込みができるのですが、その場合は iframe ではないタグで埋め込みされるので、スマホでもきれいに表示されるようでした。一度試してみてください。

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

    あーでもなんか小さく表示されちゃいますね。下記は実際のサイズのキャプチャです。

    0
    いいねをした人: 居ません
    #62306
    JKDECOR
    参加者
    51

    ですよね〜なんか文字もグチャグチャになってしまって。。。
    角丸は別にいいんですが、
    下にめちゃ大きいスペースがスマホだけ開くのが
    めちゃ気になってしまって。。。

    他に解消方法ないすよね…?

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

    あー iPhone だと崩れるっぽいですね…。oEmbed の場合は iframe ではないので CSS で頑張れることもできるとは思いますが、class 名が乱数っぽいので結構難しいんのかなという印象でした…。

    詳しくないのであるかはわかりませんが、Pinterest 用のプラグインとか探してみて、良さそうなのがアレばそれを使うというのも手かもしれません。

    0
    いいねをした人: 居ません
    #62604
    JKDECOR
    参加者
    51

    キタジマさま

    なるほどーキタジマさまでも無理であれば仕方ないです!
    いいプラグインがあるか少し探してみます!

    1
    いいねをした人: 居ません
    #72171
    JKDECOR
    参加者
    51

    こちらプラグインを探して反映したりもしたのですが、うまく行かず、ワードプレスのアップデートやスノウモンキー のアップデートで変わるのを期待していたのですが変わらなくて、他に何か対策方法ありませんでしょうか?

    あと同じコメントをこの間も書いたのに最近投稿した内容が消えていることが2回ありました。スマホからだと上手く書き込みが完了しないエラーとかありますか?

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

    前述したように CSS での対応が難しいので、Pinterest 側が対応しないと難しいのではないかと個人的には思います。できるとsるえば、スマホサイズのときだけ最大高を指定するような HTML class をつくって、それをグループブロックに付与、その中に Pinterest を埋め込む、くらいでしょうか。

    あと同じコメントをこの間も書いたのに最近投稿した内容が消えていることが2回ありました。スマホからだと上手く書き込みが完了しないエラーとかありますか?

    んーなんでしょうね。僕はスマホ(Android)から返信することが多々ありますが、今のところそのような事象になったことはありません。PC で返信するときは(PC に限らないとは思いますが)ちょうどログインセッションが切れるタイミングで、投稿した瞬間ログアウトされて書き込まれていないというのはたまにあります。

    0
    いいねをした人: 居ません
15件の投稿を表示中 - 1 - 15件目 (全19件中)
  • トピック「スマホで見た際にカスタムHTML(Pintarest埋め込みコード)の下に大きなスペースが空いてしまう」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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