その2、アップデートでPCもスマホも表示が崩れます(但し、昔の記事)

0
いいねをした人: 居ません
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #117893
    Katsuyuki Murasaka
    参加者
    21

    【お使いの Snow Monkey のバージョン】 19.1.0
    【お使いの Snow Monkey Blocks のバージョン】18.0.1
    【お使いの Snow Monkey Editor のバージョン】9.1.1
    【お使いのブラウザ】Google Chrome
    【当該サイトのURL】https://67care.jp/

    お世話になります。何かまたおかしいページがあります。

    ### 発生している問題

    2カラムが無効になるページがあります。

    ざっと見たらこの記事です。

    村上宥快和尚さん説法【八正道の理解と具現】正法の要(第11回/全11回) – 小又接骨院・鍼灸院(村坂克之) https://67care.jp/blog/archives/45578

    村上宥快和尚さん説法【八正道の理解と具現】正法の要(第11回/全11回) – 小又接骨院・鍼灸院(村坂克之) https://67care.jp/blog/archives/45578

    ### 試したこと

    Facebookページウィジェット→カスタムHTMLウィジェットへの移行しました。

    これを試しましたが無効でした。

    お手数おかけします。よろしくお願い申し上げます。

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

    確認したところ、HTML 構造がおかしくなっているようでした。

    下記は正しいページの HTML ですが、.l-contents__inner の直下に .l-contents__main(メインカラム) と .l-contents__sidebar(サイドバー) があります。

    一方、1カラムになっているページは .l-contents__inner の直下には .l-contents__main(メインカラム)しかなく、.l-contents__sidebar(サイドバー) は全然違うところに入ってしまっています。

    おそらく、記事中の HTML に閉じミスがあり、その影響で変なところで HTML が閉じたと解釈されて構造が崩れてしまっているのだと思います。1カラムになっている記事の編集画面で一旦記事の中身を空にして確認してみて、崩れが発生していないならそれでビンゴだと思います。その場合は記事中の HTML を確認して、閉じミスしているところがないか地道に確認すれば解決できると思います。

    0
    いいねをした人: 居ません
    #117930
    Katsuyuki Murasaka
    参加者
    21

    お手数おかけしました。

    ご指摘のように、記事を削除したら正常になりました。

    リンク一覧の書式がおかしかったようで、正しいのを貼り付けたら直りました。。

    本当に助かりました。

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

    1
    いいねをした人:
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「その2、アップデートでPCもスマホも表示が崩れます(但し、昔の記事)」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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