メインコンテンツへ移動

全ページでスクロール前後でロゴを切り替えたい

0
Who liked: No user
  • このトピックには6件の返信、2人の参加者があり、最後に横山春菜により9分前に更新されました。
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #146661
    横山春菜
    参加者
    3

    WP、snow monkey、プラグインなど全て最新です。

    ### 実現したいこと

    全ページでスクロール前後でロゴを切り替えたいです。

    ### 試したこと

    以下のページを見てトップページだけ切り替えるのはできています。全ページ切り替えたいです。

    基本的なことが分かっていない故の質問かもしれないのですが・・・宜しくお願いいたします。

    0
    Who liked: No user
    #146662
    アバター画像キタジマ タカシ
    参加者
    2612
    	<?php if ( is_front_page() ) : ?>
    		
    		<h1 class="c-site-branding__title">	
    			<a href="<?php echo esc_url( home_url() ); ?>" class="custom-logo-link logoTop" rel="home" aria-current="page"><img src="<?php echo( MY_SNOW_MONKEY_URL ) ?>/img/white-logo.png" alt="LOGO" width="320" height="160" class="custom-logo"></a>
    			<?php \Framework\Helper::the_site_branding(); ?>
    		</h1>
    
    	<?php else : ?>
    
    		<div class="c-site-branding__title">
    			<?php \Framework\Helper::the_site_branding(); ?>
    		</div>
    
    	<?php endif; ?>

    先のトピックの上記の部分、if ( is_front_page() ) が「トップページのとき」、else : が「それ以外のとき」なので、条件をとっぱらって、全部が上記の if ( is_front_page() ) のときの処理をとおるようにすれば良いのかなと思います。

    ↓条件分岐を消した状態

    	<h1 class="c-site-branding__title">	
    		<a href="<?php echo esc_url( home_url() ); ?>" class="custom-logo-link logoTop" rel="home" aria-current="page"><img src="<?php echo( MY_SNOW_MONKEY_URL ) ?>/img/white-logo.png" alt="LOGO" width="320" height="160" class="custom-logo"></a>
    		<?php \Framework\Helper::the_site_branding(); ?>
    	</h1>
    0
    Who liked: No user
    #146665
    横山春菜
    参加者
    3

    早速のご返信ありがとうございます。

    0
    Who liked: No user
    #146666
    横山春菜
    参加者
    3
    //ロゴ切り替え
    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 href="<?php echo esc_url( home_url() ); ?>" class="custom-logo-link logoTop" rel="home" aria-current="page"><img src="<?php echo( MY_SNOW_MONKEY_URL ) ?>/img/logo-yoko-white.png" alt="LOGO" width="320" height="160" class="custom-logo"></a>
    			<?php \Framework\Helper::the_site_branding(); ?>
    		</h1>
    
    	</div>
    		<?php if ( get_theme_mod( 'display-site-branding-description' ) && get_bloginfo( 'description' ) ) : ?>
    		<div class="c-site-branding__description">
    			<?php bloginfo( 'description' ); ?>
    		</div>
    	<?php endif; ?>
    	<?php
    	}
    );
    0
    Who liked: No user
    #146667
    横山春菜
    参加者
    3

    上記に書き換えたのですが、トップページにしか反映されずでして・・・

    コードに何か問題があるのでしょうか・・・

    お手数をおかけし申し訳ありません。

    0
    Who liked: No user
    #146668
    アバター画像キタジマ タカシ
    参加者
    2612

    キャッシュの影響はないでしょうか?
    キャッシュ系のプラグインでページキャッシュしている、Snow Monkey のカスタマイザー→ページ速度最適化でヘッダーをキャッシュしている等…。

    0
    Who liked: No user
    #146669
    横山春菜
    参加者
    3

    すみません。プラグインが原因でした。大変お騒がせいたしました💦

    ありがとうございました💦

    0
    Who liked: No user
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • トピック「全ページでスクロール前後でロゴを切り替えたい」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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