スマホでオーバーレイ表示にした時のサイトタイトルとスライドのタイトルの間の間隔をあけてほしい

0
いいねをした人: 居ません
11件の投稿を表示中 - 1 - 11件目 (全11件中)
  • 投稿者
    投稿
  • #5609
    Yuzuru Kuroishi
    参加者
    4

    いつもありがとうございます。

    スマホでヘッダー位置をオーバーレイ表示にした時だけ、サイトタイトルとスライドのタイトルの間の間隔が詰まってしまうので、これをあけていただくことは出来ますでしょうか。

    オーバーレイ以外では

    サイトタイトル

     

    スライドタイトル

     

    となるのですが、

     

    オーバーレイだと

    サイトタイトル

    スライドタイトル

    となってしまいます。

     

    ご検討のほどよろしくお願いします。

    0
    いいねをした人: 居ません
    #5628
    アバター画像キタジマ タカシ
    参加者
    2421

    スライドの中のタイトルが長い場合にってことですかね?スクリーンショットも頂けると助かります!

    0
    いいねをした人: 居ません
    #5639
    TarCoon☆CarToon
    参加者
    57

    同じような現象かもしれませんので投稿させていただきます。

    「レイアウト」のカスタマイズで

    • ヘッダーレイアウト1行
    • ヘッダー位置オーバーレイ

    にすると、アイコンが重なってしまいます。

    参考画像はフォーラムの表示ですが、上部のアイキャッチ画像が無い記事の場合はこのように、画像が重なってしまいます。

    自力で修正できる方法があれば、ご教示いただければと思います。

    オーバーレイ表示をした時に重なる画像です

    0
    いいねをした人: 居ません
    #5645
    Yuzuru Kuroishi
    参加者
    4

    お返事ありがとうございます。

    スクリーンショットを添付します。

     

    ヘッダー固定です。

    1行です

     

    ヘッダーオーバーレイです。

    ご確認よろしくお願いします。

    0
    いいねをした人: 居ません
    #5650
    アバター画像キタジマ タカシ
    参加者
    2421

    @田島さん、ありがとうございます。
    これは既知の問題でして、とはいえ「なにか入れる」しか対応方法が思いつかないので通常のページについては、デフォルトページヘッダー画像という設定を用意して、ページヘッダー画像を入れることでヘッダーがコンテンツにかぶらない高さをキープするようにしています。

    bbPress 利用の場合、下記のようなコードを子テーマの functions.php に追加すれば、ヘッダー下にコンテンツを入れて高さをキープできるかと思いますがいかがでしょうか。

    add_action( 'snow_monkey_prepend_body', function() {
        if ( ! is_bbpress() ) {
            return;
        }
        ?>
        ここに画像など
        <?php
    } );
    0
    いいねをした人: 居ません
    #5651
    アバター画像キタジマ タカシ
    参加者
    2421

    @kuro81さん

    やっぱりそうですよね。うーん、これどう対応させるのがベストかむずかしいところで、オーバーレイの場合は他とちがってコンテンツ側の工夫でなんとかしないといけない場合が多いので…。

    たとえば「スマホの場合はスライダーのタイトルとボタンの間の余白を削る」とかはすぐできそうですが、それでもタイトルが長いと同様の問題はでてきちゃいますよね。文字サイズももう少し小さくするとかしましょうかねー

    0
    いいねをした人: 居ません
    #5658
    Yuzuru Kuroishi
    参加者
    4

    お返事ありがとうございます。

    ただ、タイトルの上に余白をあければいいという話でもないんですね。。

    0
    いいねをした人: 居ません
    #5659
    アバター画像キタジマ タカシ
    参加者
    2421

    例えばオーバーレイヘッダーのときはスライダーの上下余白を大きく取る、とかすると、スライダーが一番上じゃないときはバランスがおかしくなってしまう、とかも考えないといけません。スライダーはともかく、じゃあ他のウィジェットの場合はどうなの?とかもでてきますしね。そういうことで「コンテンツ側の工夫でなんとかしないといけない」というのがあります。

    とりあえず、スライダーウィジェットはピックアップスライダーより左右余白を大きくとってしまう不具合があったので、左右余白をいまより狭くするのと、フォントサイズを少し小さくする作業を今おこなっています。これで多少はマシになるかなと…。それでも微妙な感じであれば、追加 CSS などで個別に上下余白を大きくとるカスタマイズをするのが良いかなと思います。

    0
    いいねをした人: 居ません
    #5661
    Yuzuru Kuroishi
    参加者
    4

    ひとつの視点ではなく、複数の視点からの判断ありがとうございます!

    0
    いいねをした人: 居ません
    #5670
    アバター画像キタジマ タカシ
    参加者
    2421

    v4.2.15 で左右と要素間の余白を調整、タイトル文字を少し小さくする修正を行いました。ご確認ください!

    0
    いいねをした人: 居ません
    #5676
    Yuzuru Kuroishi
    参加者
    4

    ありがとうございます。

    あげさせていただいた上記スクリーンショットと状況が変わらないのですが、

    フォントサイズを16から15に変更することにより、2行になるのは改善できました。

     

    0
    いいねをした人: 居ません
11件の投稿を表示中 - 1 - 11件目 (全11件中)
  • トピック「スマホでオーバーレイ表示にした時のサイトタイトルとスライドのタイトルの間の間隔をあけてほしい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。