[akosan]

【お使いの Snow Monkey のバージョン】バージョン: 20.5.1
【お使いの Snow Monkey Blocks のバージョン】バージョン 19.10.1
【お使いの Snow Monkey Editor のバージョン】バージョン 9.2.5
【お使いのブラウザ】chrome
【当該サイトのURL】

### 実現したいこと

オーバーレイ（上部固定・スクロール時背景白）でモバイル用ロゴを変更したい。

上部固定では白のロゴ
スクロール時は背景が白になるのでカスタマイザーで「モバイル端末時のロゴ」として登録した黒のロゴを表示したい

### 発生している問題

できない

### 試したこと

・過去フォーラムを参照

コチラの記事を参考に考えてみましたがモバイルの場合の追加がわからず。

オーバーレイ（上部固定・スクロール時背景白）でロゴを変更したい。

デベロッパーツールで見るとPCとモバイルのロゴは<picture>タグで出力を分けているようですが、調べてみたものの出力方法がわかりませんでした。

 

お忙しいところ恐れ入りますが、ご教示いただければ幸いです。

♥ 0

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

[キタジマ タカシ]

「スクロール時は背景が白になるので〜」は PC のことですよね？

「モバイル端末時のロゴ」はあくまでモバイル端末時用なので、PC でもそれを使うのは結構難しいというか、メンテが複雑になる気がします。

下記ページにあるフックでロゴを2つにして、スクロール時とそうでないときで CSS で出し分けるのが簡単だと思います。

オーバーレイ（上部固定・スクロール時背景白）でロゴを変更したい。

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

snow-monkey.2inc.org

♥ 1

いいねをした人:

[akosan]

ありがとうございます、モバイルのみでやりたかったのですが記事を参考にやってみたところPHPを少し変更しCSSで実現できました。

add_action(
	'snow_monkey_get_template_part_template-parts/header/site-branding',
	function() {
		?>
		<div class="c-site-branding c-site-branding--has-logo">
			<h1 class="c-site-branding__title"><a class="custom-logo-link logoTop" href="<?php echo esc_url( home_url() ); ?>" rel="home" aria-current="page"><img class="custom-logo-2" src="ここにロゴ画像URL" alt="LOGO" width="60" height="45" /></a><?php \Framework\Helper::the_site_branding(); ?></h1>
		</div>
		<?php
	}
);

♥ 1

いいねをした人:

[投稿者]

投稿