[es：エス]

横から失礼します。

主に画像のメガメニュー1や4を使用するためか、個人的にはヘッダーを全幅にした際にはMega Menuも全幅に広がってくれる今の仕様も、素直なふるまいな気がしていて好印象です。

と同時に、特に画像のメガメニュー1や4などの場合はヘッダーは全幅にせずにいても、Mega Menuの画像は全幅に広がるようにできれば嬉しいですし、反対にこれまでのふるまいのような見せ方が必要な時もあるだろうなと思っています。

そんなこんなでMega Menuにも幅設定が設けられると便利でよさそうですね。今のところは状況に応じてGONSYさんの示してくださったCSS等での調整をしていこうという感じです。

♥ 1

いいねをした人:

[es：エス]

お忙しい中、ご返答ありがとうございます！
ご反映いただけるとのこと、嬉しいです。
それでは、もう少し開いたままにしておきますね。

♥ 1

いいねをした人:

[es：エス]

次アップデートで「aaa」でも大丈夫となると、段落にさしかかる文節によっては発生するかもしれない影響も潰せそうで、さらに安心ですね。日曜日にありがとうございました！閉じておきます。

♥ 1

いいねをした人:

[es：エス]

なるほど！おっしゃるとおり、通常文章のみですと大丈夫でした。

「ああああ～」でもセーフでしたが、「aaaa～」はアウトでした。
また英文も、「,」「.」がなくても単語文節や半角スペースがあれば問題なく表示されました。

実際の場面で「aaaa～」はないため、問題となることはなさそうですね。
ホッとしました。ご確認ご対応、ありがとうございました！

♥ 0

いいねをした人: 居ません

[es：エス]

早速いろいろとお試しいただいていたのを拝見していました。ありがとうございます！

ご案内いただいたお話を踏まえて、こちらでも試してみました。

恐らく issue#1313で改善されると思うのですが、私の環境では、画像もキタジマさんの入れられた文章でもセクション幅を超えてはみ出してしまうので、その点が少し気になりますね…。※添付します。

他への影響は未確認ですが、やはり先のように　display: block;　にすると収まります。

CSSをまったく記述していないプレーンな環境2種類で確認しても同様でしたが、何か差や違いがあるのでしょうね。。

♥ 0

いいねをした人: 居ません

[es：エス]

早速ありがとうございます。いま追記しようとしていたのですが、

.smb-section__inner {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    max-width: 100%;
    position: relative;
}

の display: flex;　を　display: block;　等にすると問題なく表示されるようになりました。

お示しいただいた見え方だと、旧バージョン同様、問題なく表示されていますね。

セクション内に入れるものはシンプルに、画像やテキストでも発生します。一応、下記に貼り付けますね。

<!-- wp:snow-monkey-blocks/section -->
<div class="wp-block-snow-monkey-blocks-section smb-section smb-section--fit"><div class="smb-section__inner"><div class="c-container"><div class="smb-section__contents-wrapper"><div class="smb-section__body"><!-- wp:image {"id":xxx,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://～hoege.jpg" alt="" class="wp-image-xxx"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<!-- /wp:paragraph --></div></div></div></div></div>
<!-- /wp:snow-monkey-blocks/section -->

よろしくお願いいたします！

♥ 0

いいねをした人: 居ません

[es：エス]

あ、私もご報告の文章ではPを抜いちゃってましたね…。失礼しました。。
閉じておきますー

♥ 0

いいねをした人: 居ません

[es：エス]

ご対応ありがとうございます！iPhone横向き時の不具合は解消されたことを確認できました。

フォントが正しく反映されない件は、BIZ UDMinchoはカスタマイザーの設定で無事反映されましたが、BIZ UDGothicはまだ不具合が残っておりシステムフォント（Windows10ではメイリオ）で表示されていますね…。
カスタマイザーでBIZ UDGothicにした状態で、下記コードを入れるとフォントが変わることが確認できると思います。
個人的にはNoto～にしているので影響はないのですが、ご確認くださいませー

body {
 font-family: 'BIZ UDGothic', sans-serif;
}

♥ 0

いいねをした人: 居ません

[es：エス]

テキスト、フォント周りは調整が大変なのでしょうね…。次回でのご対応、お願いいたします！

このトピックではこれを最後の話題にしますが、エックスサーバーやconoHa等で提供されているモリサワフォントを使えるWebフォントをSnow Monkeyで使用すると、ヘッダーに記述するスクリプトとの兼ね合い・相性からか、文字が表示されるまでの挙動が慌ただしくなってしまうんです。

これはv19以前のバージョンでも発生していたのですが、v19でも変化なしでした。

他のいくつかのテーマで試しても同様の症状がでないため、相性の問題だと思いますし、かなりレアなケースなのでトピックを立てるまでもないと思い控えていたことのひとつです。なお、Googleフォントだと問題ありません。

取り急ぎご報告して、本トピックは閉じておきますね。

入れ違い、あ、そうだったのですね。^^
お調べいただき、ありがとうございます！私もずっと悩んでました　笑

♥ 1

いいねをした人:

[es：エス]

続けてすみません。

取り急ぎ、

body{
 -webkit-text-size-adjust: 100%;	
}

を記述することで対処しています。

同様の状態でお困りの方がおられましたら、お試しください。

♥ 0

いいねをした人: 居ません

[es：エス]

いったん閉じましたが、iPhone横向き表示時の不具合について、もう一点わかったことがあるため追伸としてご報告します。

段落テキストにフォントサイズを指定していない場合、またはコアでのフォントサイズ指定のみの場合、横向き表示時にフォントサイズが大きくなってしまうようです。

私の環境では基本のサイズ（デフォルト）の16pxが24px、21pxの指定が27pxなりました。
※Androidやシミュレーターでは問題ありません。またiPhoneでも縦位置では問題ありません。

なおSnow Monkey Editorでフォントサイズを指定した場合では、横向き表示でも正しく表示されます。
※24pxの指定が25pxで表示されるケースはありましたが、誤差の範囲だと思います。

フォントは、サンセリフ、セリフ、Googleフォントのいずれでも発生します。
ご確認のほど、お願いいたします。

♥ 0

いいねをした人: 居ません

[es：エス]

キタジマさん、アップデート作業お疲れさまです。

トピックの主題とは異なりますが、Snow Monkey v19.1.0にアップデートすることで、iPhone横向き表示の不具合が解消されていることを確認しました。ご対応ありがとうございます。

なお、本バージョンからGoogleフォントが内包されることになりましたが、恐らくですが、BIZ UDPMinchoのフォントの記述が”BIZ UDPMincho”, sans-serif;になっているようで、明朝体ではなくゴシック体で表示されているようです。
またBIZ UDPGothicも正しく反映されていないのか、 sans-serifとして表示されているようです。

ただこちらは当初のトピックとは別の問題となりますので、ひとまず本トピックは閉じておきますね。
ご対応等々、ありがとうございました！引き続きまして、よろしくお願いいたします。

♥ 1

いいねをした人:

[es：エス]

早々にありがとうございます！解決しそうで何よりです。

iPhone側の問題だろうと、仕方ないかと諦めかけていたのでホッとしました。。

次回のアップデートに反映いただけると非常に助かります。

♥ 1

いいねをした人:

[es：エス]

あ、そうだったのですね。いま確認したところ、公式サイト、フォーラムでは改善されています！

セクション周りも見ていただいて解決するようでしたら、かなりホッとします☺️

♥ 0

いいねをした人: 居ません

[es：エス]

なるほど、iOSの不具合だったのですね。お忙しい中にご確認等々、本当にありがとうございます！
すでにNoto serifにしていたのですぐには問題ないのですが、もしBIZ UDPを使う際には注意しておきます。

なお余談ですが、iPhoneで横向き表示にした際には、SafariのほかFirefoxやEdgeでもレイアウトが大きく崩れることに気付きました。ブラウザのシミュレーターやAndroidでは大丈夫だったので、これもiOS側の不具合だろうと思っていましたが、ちょうど話題に出たので軽くご報告しておきますね。

なお、このフォーラムも全体に右側に寄ってしまいテキストが見切れたりハンバーガーメニューがほとんど表示されないようになっています。特にセクションのブロークングリッドやセクションのコンテンツの最大幅を指定した場合に影響が強く出るようなので、もう少し検証してみます。

♥ 1

いいねをした人:

[投稿者]

投稿