ちょっとやろうとされていることを僕がちゃん理解してない可能性はあるかも…と思ったのですが、僕ならこうするかなと思います。
1. フッター固定ナビゲーション用のメニューの設定画面で、表示/非表示したい項目の「CSS class」に適当な class を入力
2. body の class 等を使い、条件に応じて(1)で入力した class をセレクタにして display: none する
WordPress 5.7 から UI が変更されたみたいです。「オリジナル吹き出し」とかいてあるところの右側にある四角が重なったアイコンをクリックすると変換されないですかね？
 は普通に入るもの？のような気がします。
んーなんでしょうね…。
.c-entry__header {
display: none;
}
ですかね。
.l-contents__inner {
padding-top: 0 !important;
margin-top: 0 !important;
}
を充てましたが、それでもまだ余白ができるのですが、余白を消す方法ありますでしょうか
あーそれですね。オーバーレイの検索エリアは、URL に #sm-overlay-widget-area がつくことで表示されるのですが、このコードを入れるとそこが奪われちゃうので。
スムーススクロールは Snow Monkey の機能を使うのが良いと思います（場所によってはできないかもしれませんが…）
画像拝見しまして、僕の考えですが（これが正解ではないと思います）、標準ブロック（WordPressが提供するブロック）と Snow Monkey Blocks だけでは、このレイアウトの実現は難しいと思います。
仮に僕がこういったレイアウトを再現したいと考えた場合、どのような方法を取るかですが、
- メディアと画像ブロックなどでレイアウト
- テキスト部分（画像でいう右側）を、見出し・段落・ボタンブロックでレイアウトし各々にCSSクラス付与
- 追加CSSでクラス指定をして、スマホ→タブレット→PCの縦書きになるようスタイルを記述していく
が常套手段かなと思います。テキスト部分を標準ブロックを使わずにカスタムHTMLブロックでやってしまっても良いでしょう。
僕なら、このような形での実装にするかなと思います。
アンカーリンクへの移動をスムースにしたくて、
このプラグインを入れて、
ネットから拾ってきた上記のコードをHEADに入れてます。
「会社概要」と書いてある部分をセクション（背景画像/動画）ブロックで作成されていますが、ブロックではなくてページヘッダーで実装するのが一番スマートかなと思いました。「ページヘッダー画像だと写真の比率が決まっている関係で、ページヘッダー画像には画像を登録せず、固定ページ編集画面からページヘッダー画像を設定しています。」とのことでしたが、いずれにしろ CSS でカスタマイズする必要があるので…。
ページヘッダーを使わずに CSS で対応するなら
.l-contents__inner {
padding-top: 0 !important;
margin-top: 0 !important;
}
のような感じでしょうか。
※上記コードのままだと全てのページに影響がでるので、必要に応じてセレクタを調整してください。
Olein_jpさん
おはようございます！お返事が遅くなり申し訳ありません。
無事それぞれに表示させることができました！ありがとうございました。
Snowmonkeyはまだ機能が使えていないので、的確なお答え本当に助かり勉強になりました。
感謝です！！また何かわからないことをお伺いすることがあるかと思います。
その時はどうぞよろしくお願いいたします。
こんにちは
パネルブロックの設定で、「画像の周りに余白を設定」をオンにされているみたいですので、CSSの詳細度が低くてカスタムCSSが反映されていないのだと思います。
GONSYさんが書かれているように、!importantを付けるか
詳細度を上げて
.smb-panels[data-image-padding=true] .smb-panels__item__figure {
padding: 30px 30px 0;
}
のようにするといいと思います。
