- このトピックには20件の返信、2人の参加者があり、最後に
により1年、 9ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】19.0.0
【お使いの Snow Monkey Blocks のバージョン】18.0.0
【お使いの Snow Monkey Editor のバージョン】 9.1.1
【お使いのブラウザ】Google Chrome
【当該サイトのURL】https://67care.jp/### 発生している問題
今のアップデートを実行したら昔の記事の配置が崩れました
### 試したこと
カスタマイズでデザインで、モバイル端末の余白を狭くにしましたが変化ありません。
よろしくお願い申し上げます。
いいねをした人: 居ませんこれです。
帝国劇場への行き方（東京･丸の内）東京駅･日比谷駅･有楽町駅･バスタ新宿からのルート – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/2937
いいねをした人: 居ませんありがとうございます！
下記の CSS を、カスタマイザー → 追加 CSS に追加してみてもらえますか？
[data-has-sidebar=true] .l-contents__main { max-width: min(100%, var(--wp--custom--slim-width)); } [data-has-sidebar=true] .l-contents__sidebar { max-width: 100%; }追加したあと、もう一度先程のページを開いてブラウザをリロードしてみてください。
もしこれで解決するようであれば、次のアップデートに上記の CSS を入れ込みます。
いいねをした人: 居ませんちょっと修正を入れた Snow Monkey v19.0.1 をリリースしました。先程追加した CSS を削除してからアップデートして、どうなるか確認してみてください。お手数おかけいたしますがよろしくおねがいします！
いいねをした人: 居ません動画ありがとうございます。何かが読み込まれるタイミングで大きさが変わっちゃって落ちるんですかね…。
追加した CSS がまだ残っていますよね？ 何の影響か調べるためになるべく余計なものがないほうが良いので、追加した CSS は削除してください。よろしくおねがいします！
いいねをした人: 居ません追記です。
### 前提条件
調査してわかったところを詳しく書きます。
まず、前提として、Snow Monkey v19.0.0 からサイドバーがあるページレイアウトにおいて、サイドバーがメインカラムの下に落ちるタイミングが変更になりました。これまではウィンドウサイズが 1023px 以下になったときでしたが、v19.0.0 からは、メインカラムが 46rem（= 基本文字サイズ x 46）を維持できなくなったとき、になりました。Murasaka さんのサイトは基本文字サイズが 18px だと思うので、メインカラムの幅が 46 x 18 = 828px を維持できなくなるとカラムが落ちます。### 画像の大きさについて
次に、v18 まではメインカラムの中身がどんな大きさでも、ウインドウサイズが 1024px 以上であれば絶対に2カラムで表示させるというような設計になっていました。ただ、それだと大きなコンテンツがあったときに隠れてしまうという問題もあるので、v19.0.0 からは、大きなコンテンツがあるときはなるべくそのコンテンツのサイズで見せる、という設計に変更しました。これにより、例えばすごく大きな画像があるときは大きなまま画像を見せようとするために、サイドバーがカラム落ちするということが起こりえます。
調べてみると、「皇居馬場先門から帝劇ビル（劇場）を望む」の画像には
width: 3264px;とすごく大きな横幅が設定されており、これがカラム落ちの原因になっているのかもしれません。
おそらく画像に横幅が指定されていると思うので、記事の編集画面を開いて横幅の設定を消すと改善されないかな？と思うので、一度試してみてください。
それでもどうしてもダメな場合は、CSS を追加して、強制的に2カラムを維持するようにするしかないかなと思います。必要であれば CSS を書いてみるので、とりあえず上記を試してみて、どうするかご検討ください！
いいねをした人: 居ませんおはようございます。お世話になります。
ご指摘の画像サイズ修正をしました、追加CSS も削除しました。
<style>iframe{max-width:100%}</style>も削除しました。
変化ありません
<style>iframe{max-width:100%}</style>を書いていた記事の大部分が同じ現象が出でいます。
よろしくお願い申し上げます。
一覧です。
宝塚大劇場への行き方（兵庫）阪急大阪梅田駅･JR新大阪駅･JR大阪駅･明石姫路･伊丹空港からのルート – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/2908
飛騨高山〜名古屋間をＪＲ特急ひだと高速バスで実際に乗り比べました – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/5525
兵庫県立芸術文化センターへの行き方（西宮北口）阪急西宮北口駅･南口が劇場へ直結しています – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/5721
iPad Pro(12.9インチ初代)はタブレットの理想形！A4サイズに書ける自然さ、重いけど使いやすい！ – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/7999
東京国際フォーラム ホールCへの行き方（東京･丸の内）有楽町駅国際フォーラム口目前、東京駅丸の内南口から直ぐ･銀座駅･バスタ新宿からのルート – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/8933
フェスティバルホールへの行き方（大阪･中之島）大阪駅から徒歩15分、肥後橋駅直結、淀屋橋駅からすぐ – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/9429
名古屋から大阪まで高速バスで移動してみました – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/12644
−10度前後や吹雪のLEDヘッドライトは要注意！雪溶けませんので発進前に必ず除雪を – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/17848
日生劇場への行き方（東京･日比谷）日比谷駅直ぐ･東京駅･有楽町駅･バスタ新宿からのルート紹介 – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/18569
御園座への行き方（名古屋･伏見）名古屋駅から地下鉄東山線で次の伏見駅下車6番出口すぐです – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/25604
いいねをした人: 居ませんおはようございます。お世話になります。
ご指摘の画像サイズ修正をしました、追加CSS も削除しました。
【<style>iframe{max-width:100%}</style>】も削除しました。
変化ありません
【<style>iframe{max-width:100%}</style>】を書いていた記事の大部分が同じ現象が出でいます。
よろしくお願い申し上げます。
一覧です。
宝塚大劇場への行き方（兵庫）阪急大阪梅田駅･JR新大阪駅･JR大阪駅･明石姫路･伊丹空港からのルート – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/2908
飛騨高山〜名古屋間をＪＲ特急ひだと高速バスで実際に乗り比べました – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/5525
兵庫県立芸術文化センターへの行き方（西宮北口）阪急西宮北口駅･南口が劇場へ直結しています – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/5721
iPad Pro(12.9インチ初代)はタブレットの理想形！A4サイズに書ける自然さ、重いけど使いやすい！ – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/7999
東京国際フォーラム ホールCへの行き方（東京･丸の内）有楽町駅国際フォーラム口目前、東京駅丸の内南口から直ぐ･銀座駅･バスタ新宿からのルート – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/8933
フェスティバルホールへの行き方（大阪･中之島）大阪駅から徒歩15分、肥後橋駅直結、淀屋橋駅からすぐ – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/9429
名古屋から大阪まで高速バスで移動してみました – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/12644
−10度前後や吹雪のLEDヘッドライトは要注意！雪溶けませんので発進前に必ず除雪を – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/17848
日生劇場への行き方（東京･日比谷）日比谷駅直ぐ･東京駅･有楽町駅･バスタ新宿からのルート紹介 – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/18569
御園座への行き方（名古屋･伏見）名古屋駅から地下鉄東山線で次の伏見駅下車6番出口すぐです – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/25604
いいねをした人: 居ませんおはようございます。お世話になります。
ご指摘の画像サイズ修正をしました、追加CSS も削除しました。
も削除しました。
変化ありません
を書いていた記事の大部分が同じ現象が出でいます。
よろしくお願い申し上げます。
一覧です。
宝塚大劇場への行き方（兵庫）阪急大阪梅田駅･JR新大阪駅･JR大阪駅･明石姫路･伊丹空港からのルート – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/2908
飛騨高山〜名古屋間をＪＲ特急ひだと高速バスで実際に乗り比べました – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/5525
兵庫県立芸術文化センターへの行き方（西宮北口）阪急西宮北口駅･南口が劇場へ直結しています – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/5721
iPad Pro(12.9インチ初代)はタブレットの理想形！A4サイズに書ける自然さ、重いけど使いやすい！ – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/7999
東京国際フォーラム ホールCへの行き方（東京･丸の内）有楽町駅国際フォーラム口目前、東京駅丸の内南口から直ぐ･銀座駅･バスタ新宿からのルート – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/8933
フェスティバルホールへの行き方（大阪･中之島）大阪駅から徒歩15分、肥後橋駅直結、淀屋橋駅からすぐ – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/9429
名古屋から大阪まで高速バスで移動してみました – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/12644
−10度前後や吹雪のLEDヘッドライトは要注意！雪溶けませんので発進前に必ず除雪を – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/17848
日生劇場への行き方（東京･日比谷）日比谷駅直ぐ･東京駅･有楽町駅･バスタ新宿からのルート紹介 – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/18569
御園座への行き方（名古屋･伏見）名古屋駅から地下鉄東山線で次の伏見駅下車6番出口すぐです – 小又接骨院・鍼灸院（村坂克之） https://67care.jp/blog/archives/25604
いいねをした人: 居ません
- トピック「アップデートでＰＣもスマホも表示が崩れます（但し、昔の記事）」には新しい返信をつけることはできません。