フォーラムへの返信
-
投稿者投稿
-
height
は数値を指定しないといけないのではないですかね?♥ 0Who liked: No user基本フォント設定で BIZ UDPMincho か BIZ UDGothic にして、全てのウェイトにチェックするということですよね…? 一応どちらのフォントも試してみたのですが、こちらの環境では下記のスクショのように、端まで改行されずに表示されました。
なにか他にも条件があるんですかねぇ…。
♥ 0Who liked: No userv19.0.0 から、アクセシビリティ的に小さな文字の下限をアップしたのと、グレー文字を無くしました。グローバルナビゲーションの小さな文字のセレクタは
.p-global-nav .c-navbar__item > a > small
なので、ここに対して CSS を追加すれば調整できます。.p-global-nav .c-navbar__item > a > small { font-size: 11px; color: var(--wp--preset--color--sm-gray); }
♥ 0Who liked: No userあ、多分それでもダメっぽいですね…。v19.0.2 にアップデートしたあと、下記の CSS を追加するとどうでしょうか。
[data-has-sidebar=true] .l-contents__main { flex-basis: 500px; /* ← ここの数値は調整してください */ }
♥ 0Who liked: No userひとまず Snow Monkey v19.0.2 にアップデートしてみると変化はありますか?
♥ 0Who liked: No userv19.0.2 で変更を入れてみました。どうでしょう?
♥ 0Who liked: No userすみません、ちょっともう一回調整をいれてアップデートしてみます。それでもダメなら 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 -
投稿者投稿