[キタジマ タカシ]

こんな感じでどうでしょう？ My Snow Monkey か子テーマの functions.php に追加してみてください。

add_filter(
	'snow_monkey_template_part_render_template-parts/common/page-header',
	function( $html ) {
		// 固定ページのとき
		if ( is_page() ) {
			// ページヘッダータイトルの下に <div>抜粋</div> を追加
			$html = preg_replace(
				'|(<h1 class="c-page-header__title">.*?</h1>)|ms',
				'$1' . '<div>' . get_the_excerpt() . '</div>',
				$html
			);
		}
		return $html;
	}
);

♥ 0

Who liked: No user

[キタジマ タカシ]

このあたりを参照してみてください。

メディアクエリのブレイクポイントについて

このトピックには2件の返信、2人の参加者があり、最後にHatsukiにより2年、 7ヶ月前に更新されました。 …

snow-monkey.2inc.org

Snow Monkey のブレイクポイント

Snow Monkeyのブレイクポイントは @media (min-width: 40em)(タブレットサイズ…

m-szk.com

【Snow Monkey】コピペで使えるブレイクポイントをまとめてみた【Sassもできる】

Snow Monkeyのブレイクポイントを知りたい。レスポンシブに使えるコードが欲しい。こういった方のために、Snow Monkeyでコピペできるコードをまとめてみました。お好みに…

kanlog.org

僕もすべてを把握しているわけではないので例外もあるかもしれませんが、基本的には 640px、1024px、1028px を使っています。

こちらもミニファイ前のものがほしいです

snow-monkey/src/css 内にある scss ファイルを参照してください。

♥ 0

Who liked: No user

[キタジマ タカシ]

「セクションのタイトルを表示」「セクション内の見出しを表示」の「セクション」は「セクションブロック」のことなので、外枠のタグが section でも div でも対象になります！

♥ 0

Who liked: No user

[キタジマ タカシ]

クリックして画面遷移した後、その商品の近くまでスムーススクロールしていますが、これはどうやって実現されているのですか？

♥ 0

Who liked: No user

[キタジマ タカシ]

なるほど！ ブロックで固定ページを選択させるやり方がわからないので、ちょっと調べてみますね。ご提案ありがとうございます！

♥ 0

Who liked: No user

[キタジマ タカシ]

私に知識が無く理解が追い付いていないのですが、単純に要素を追従スクロールしたい場合にはCSSでposition: sticky;を利用して、指定したHTMLなどの要素を追従スクロールにできるものだと思っています。

「追従」について僕と shone さんで思っているものが違うのかも？と思いました。先のトピックのものだと「初回体験」という丸バナーの部分のことだと思いますがあっていますでしょうか？ その場合、これは position: fixed で実現されています。なので厳密に言うと「追従」ではなく「固定」になりますかね。position: sticky は「画面端まではスクロールするけど画面端までいったら固定される」というような挙動になります。

<div class="sticky">
	<span class="web_rsv">...</span>
/div>

の .sticky の部分で固定表示が実現されています。

何を、どこに指定すれば任意の場所に追従スクロールするコンテンツを表示させることができるでしょうか？

この丸バナーと同じものを表示したいということであれば、先のトピックにあったコードを My Snow Monkey に追加して、あとはそれに対して CSS を適用することで同じ表示にはできます。「デベロッパーツールでcssもそのまま拝借して追記してみたのですが、トピックと同じバナーは表示されませんでした。」とのことですが、どのような CSS を追記されてなぜそれで実現できていないのかがわからないので、実際にやってみられたページを見せてもらえると原因がわかるかもしれません。

♥ 0

Who liked: No user

[キタジマ タカシ]

おそらく不具合なので修正いれます、お知らせありがとうございます！！

♥ 0

Who liked: No user

[キタジマ タカシ]

書かれている通り、

.p-global-nav>ul>li {
  overflow: hidden;
}

が問題です。これがあるとサブメニューが隠れてしまいます。横からスライドしてくるアニメーションのために入れられていると思いますが、li ではなく a でやるとか、それが難しいならタグを足すとか対処が必要かなと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

多分できると思うので、今後の機能追加リストに入れておきます！

♥ 1

Who liked:

[キタジマ タカシ]

どこまでのブラウザ幅での折返しを許可するかですねー。

.p-global-nav .c-navbar__item>a {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

とかで調整はできると思いますが、狭いウィンドウ幅になるとどうしても折り返してしまいますね。ロゴを小さくする、ヘッダーコンテンツを削るかなくす、メニュー構成を見直す等が必要かもです。

♥ 4

Who liked:

[キタジマ タカシ]

issue を確認したら変更が入ってクローズされているようですが、改善されないですかね…。

試しに下記のコードを My Snow Monkey プラグインか子テーマの functions.php に入れてみるとどうでしょうか？

remove_filter( 'home_url', 'bogo_home_url', 10, 1 );

♥ 0

Who liked: No user

[キタジマ タカシ]

どういうふうに表示させたいのかがわからないので、思われているものとは違うかもしれませんが、上記のトピックで共有されているコードの中にある if ( is_front_page() ) { //トップページのみ を消せば全ページにでるようになります。

♥ 0

Who liked: No user

[キタジマ タカシ]

.c-page-header__bgimage {
  margin: 0 auto;
  max-width: 1280px;
}

を追加してみてください。トリミングについては、object-fit: cover になっているので、ページヘッダーの表示範囲いっぱいに画像を広げてはみ出た部分がトリミングされるという挙動になります。

♥ 1

Who liked:

[キタジマ タカシ]

こういうことですかね？

ページヘッダーは高さが固定で、画像はトリミングされる形で表示されますが、そのトリミングはそのままで大丈夫なのですかね？

♥ 0

Who liked: No user

[キタジマ タカシ]

スライダーブロックにもフェードの機能がありますので、とりあえずスライダーブロックを挿入して触ってみてください！

♥ 1

Who liked:

[投稿者]

投稿