フォーラムへの返信
-
投稿者投稿
-
すみません、ちょっともう一回調整をいれてアップデートしてみます。それでもダメなら v18 のときみたいに PC では絶対に2カラム強制になるように戻します!
♥ 0Who liked: No userURL が複数回あるとスパム扱いになっちゃうみたいです。
♥ 0Who liked: No userMy Snow Monkeyでのヘッダーに対するフックで、~uploads/inc2734~にダウンロード済みのGoogle fontを読み込ませることで
こちらの環境でも試してみたいので、そのコードをここで共有してもらうことって可能ですかね?
♥ 0Who liked: No user追記です。
### 前提条件
調査してわかったところを詳しく書きます。
まず、前提として、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 を書いてみるので、とりあえず上記を試してみて、どうするかご検討ください!
♥ 0Who liked: No user動画ありがとうございます。何かが読み込まれるタイミングで大きさが変わっちゃって落ちるんですかね…。
追加した CSS がまだ残っていますよね? 何の影響か調べるためになるべく余計なものがないほうが良いので、追加した CSS は削除してください。よろしくおねがいします!
♥ 0Who liked: No user早速のご確認ありがとうございます!解決済みということでトピックをクローズしてください。
♥ 0Who liked: No userSnow Monkey Blocks v18.0.1 で
fallback.cssからいくつかの CSS を削除しました。♥ 0Who liked: No userちょっと修正を入れた Snow Monkey v19.0.1 をリリースしました。先程追加した CSS を削除してからアップデートして、どうなるか確認してみてください。お手数おかけいたしますがよろしくおねがいします!
♥ 0Who liked: No userんーなんでしょうね…もしかしたら Facebook のウィジェットが iframe なのでその影響もあるかもしれませんが…もうちょっと確認してみます。
♥ 0Who liked: No userありがとうございます!
下記の 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 を入れ込みます。
♥ 0Who liked: No userすみません、崩れたページの URL を教えてください。
♥ 0Who liked: No user -
投稿者投稿

