フォーラムへの返信
-
投稿者投稿
-
ちょっと修正を入れた 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 userURL 受け取りました。ありがとうございます。どうもメディアの位置の設定とモバイルの並び順の設定の組み合わせで正しく反映されない場合があるようです。次のアップデートで修正入れます!
♥ 0Who liked: No user竹内由梨さん
Snow Monkey v19.0.0 で、コンテナーの左右余白について、PC とモバイルで大きさを同じにする変更が入っています。モバイルだけ小さくしたい場合は、カスタマイザー → デザイン → 基本デザイン設定 → モバイル端末時のコンテンツの左右余白を「狭め」に変更してみてください。
それでも思ったほど狭くならない場合は CSS で調整する形になります。
JKDECOR さん
ありがとうございます!
トップページの HTML 構造、ちゃんと最新版になっているみたいです。文字サイズ等の調整について、CSS を書いてみました。ブラウザのサイズが 639px 以下のときに適用されます。必要に応じて調整してください。
@media (max-width: 639px) { .c-container { --_container-margin: calc(var(--_s1) * .5); } .c-entries { --entries--gap: calc(var(--_margin1) * .5); } .c-entry-summary__title { font-size: 1rem; } .c-entry-summary__content { color: var(--wp--preset--color--sm-dark-gray); font-size: .75rem; } .smb-section__title { font-size: 1.5rem; } .c-entry-summary__term { font-size: .75rem; } }
いつも教えていただく度に追加CSSやMySnowMonkeyに色々追加しているので
もう何がどこの部分に関わっているのか分からない状態です。なるべくコメントを入れるようにしたほうが良いと思います。web を受託制作しているような方でも(もちろん僕でも)このコードなんだっけ?となるので笑
ただ、追加 CSS はなぜかコメントを入れていると正しく動かなくなる場合があるみたいなので、もしそうなったときは My Snow Monkey プラグインの中に CSS ファイルを作成して読み込むような形に変更する必要があるかもしれません。一度リセットして一から調整した方がいいのでしょうか?
本当はそうしたほうが管理面や速度面、意図せぬ不具合が発生しにくいという面でも良いとは思いますが、JKDECOR さんが CSS を理解して整理しないと難しいかもしれません。もし知り合いに CSS や WordPress に理解がある方がいらっしゃるのであれば、そのような方にお願いしてみるのがベストかなと思います。
今後も長く使っていきたいブログで
常に最新の状態を保っておきたいのでアップデートしても
今後影響があまり出ないようにしたいです。なるべく影響がでないようにアップデート作業をしているつもりなのですが、どうしても(ミス、意図的によらず)多少影響はでてしまいます。これは Snow Monkey に限らず WordPress でもそうで、Snow Monkey のアップデートで WordPress の変更の影響が出ないような調整もおこなっています。基本的に CSS や PHP などのコードを書いてのカスタマイズについては、書けば書くだけどうにでもできてしまうものなのでこちらで完全に動作保証することはできません。どうしても自己責任となってしまうので、コードにはなるべくコメントを書く、CSS を書くときは詳細度に気をつける、なるべく書かないようにする、という配慮をすることが影響がでにくくなるコツかなと思います。
♥ 0Who liked: No userJKDECORさん
詳しくありがとうございます! ただ、なんか PC とスマホで読み込まれるソースコードに違いがあるような気がします。キャッシュプラグイン的なものを使われてたりしますか? もし使われているのであればひとまず無効化してください。また、トップページは「固定ページ」で作成されていますかね? ちょっと HTML の構造が古い気がするので、もし固定ページで作成されているのであれば、一度トップページに割り当てられた固定ページの編集画面を開いて(開いた時点で最新の HTML 構造にアップデートされます)、「更新」ボタンをクリックしてください。
竹内由梨さん
すみません、具体的にどこでしょうか? また、アップデート前はその余白な無かったということでしょうか?♥ 0Who liked: No user承知しました。それではオンラインコミュニティ(Slack)の DM で送ってもらえますか?
もちろん、問題解決できた際はこちらに内容を掲載させていただき皆様に共有できたらと思います。
ありがとうございます、助かります!
♥ 0Who liked: No userSnow Monkey v19 で行間・文字サイズ・余白のバランスを根本から見直したので、その辺りに影響がでてしまうことはあると思います。
サイトを軽く拝見して気づいたのは、スマホだとコンテンツが画面幅からはみ出してしまっている点です。これは今日マイナーアップデートをリリースする予定で、それで改善されます。
他の部分で、ここをこう戻したいというのがあれば確認するので、具体的にここをこうというのをリストアップしてみていただければと思います。
♥ 0Who liked: No user問題が発生しているページの URL を教えてもらうことはできますか?
♥ 0Who liked: No user -
投稿者投稿