- このトピックには9件の返信、4人の参加者があり、最後に
により3年、 9ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】13.0.0
【お使いの Snow Monkey Blocks のバージョン】8.8.3
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】Chrome
【URL】https://maimadeleine.xsrv.jp/・下層ページのそれぞれのキービジュアルとトップに不適切な余白が入ってしまう。
「お知らせ」という投稿ページに関しては、ヘッダー領域に食い込んでいて、パンくずリストも上部にあるので、改善したいです。
ちなみに、下層のキービジュアルはカバーというものを使用しています。いいねをした人: 居ません「適切」の範囲に個人差があるため、具体的に不適切と言われる余白部分などをスクリーンショットなどに箇所を記入するなどして共有頂くことは可能でしょうか？
ご確認お願い致します。
いいねをした人: 居ませんm press さんこんにちは。
キービジュアルについて、上に余白がついているのは、
- CSSでトル（l-contents__inner にpadding-topが付いているのでそちらを打ち消すコードを書く）
- そもそもキービジュアルを各コンテンツで設定するのではなく、Snow Monkey側の機能（アイキャッチの表示方法でアイキャッチの上にタイトルを載せるのがあるので）を利用する
- デフォルトのテンプレートではなく、ランディングページのテンプレートを利用する
のどれかで解決できるかと思います。
私の場合だとCSSではなく、Snow Monkey側で持っている機能で解決できるほうがいいので、ランディングページテンプレートを利用してしまう方が多いかと思います
（ソース拝見したところ、H1タイトルをCSSで無理やり消しているために、色々困ってることがあるといった風に見受けられたので）お知らせは、選んでいるヘッダーがオーバーレイなので、めり込むのが正しいです。
めり込ませたくない場合は、ヘッダーでオーバーレイを使うのを諦めるか、Snow Monkeyのフックなどを利用して、ある条件だけオーバーレイではないものにする or オーバーレイにする という方法をとる必要があるかと思います。老婆心かもしれませんが、今回情報としてご提供いただいたのが、思いっきり実在する企業様なのですが、こちらでそのURLを開示してしまうことは大丈夫でしょうか？？
企業さんにあらかじめ了解とってれば良いですが、もしそうでない場合は、リニューアル公開前のサイトが第三者に見れてしまうというのは、クライアントさんに不利益があるかもしれませんので、気をつけたほうがいいかなと思います。
（了解とってるよ！ or 自分の会社です！ とかでしたら余計なこと申してしまってすみません！！）いいねをした人: 居ませんOlein_jp 様
お世話になっております。
こちらに下層ページの画像を添付しております。
ヘッダー部の上部に全て白い余白がはいってしまいます。お手数ではございますが、引き続きよろしくお願致します。
いいねをした人: 居ませんアクツ 様
ご返信ありがとうございました。
・そもそもキービジュアルを各コンテンツで設定するのではなく、Snow Monkey側の機能（アイキャッチの表示方法でアイキャッチの上にタイトルを載せるのがあるので）を利用する
・デフォルトのテンプレートではなく、ランディングページのテンプレートを利用するこのあたりを検討して、試してみたいと思います。
アクツ様のサイトも拝見してみました、とても有益な情報ばかりでSnow Monky初心者には助かります。
WPのテーマ内でカスタマイズしていくことに、これを機に慣れていこうと思います。老婆心とはとんでもございません。
通常は、非公開というのが鉄則ですが、今回は身内の会社でクローズドな環境での問題解決のための情報提示ということで許可を取っています。さっそく、頂いた情報を元に改善に向けて試してみます。
いいねをした人: 居ません拝見しました。
添付しました部分のスペースが気になるということであれば、以下のCSSで解消できるかと思います。
.l-contents__inner:first-child { padding-top: 0; }しかし、これだと全体に効いてしまうので、必要に応じてpage-idなどで指定するなど対応先を絞った方が良いかもしれませんね。
いいねをした人: 居ません.l-contents__innerの余白、オーバーレイヘッダーのときは0になるようにしたほうが良いのかなとも思いましたが、ページヘッダーが入ることもある可能性を考えると、CSS で0にしてもらうのが良いのかなと思いました。アクツさんが書かれているように、カバーブロックではなくてページヘッダーを使用すれば余白は気にならない見た目になると思います。
いいねをした人: 居ませんOlein_jp様
ご丁寧にコードまで見せていただきまして、ありがとうございました！
今の体裁にとても有効で、ページごとにカスタマイズすることで解決しました。感謝いたします。
いいねをした人: 居ませんキタジマ様
ご解説、ありがとうございます。
Olein_jpもご提案してくださっていたページごとのCSS記述で解決いたしました！
ページヘッダーの使い方がいまいちわかっていなかったのもありますが、今回のデザインの体裁のままですと整いました。感謝いたします。
いいねをした人: 居ません
- トピック「下層ページの余計な余白を調整したい」には新しい返信をつけることはできません。