• 解決済 hachikuma

    (@hachikuma)


    Shortcodes Ultimateで作成されたアニメーションのショートコードによって作成された<div>のスタイルをコピペして、headerのロゴの要素(php)を囲って、サイトロゴにアニメーションを付けました。トップページは問題なく機能してるのですが、それ以外のページは白地になってアニメーションどころかロゴ自体表示されなくなってしまいました。

    どなたか解決策を教えていただけないでしょうか?
    テーマは「YUUTA」で、子テーマを使ってます。

    header.phpの対象のソースは下記のとおりです。

    <div class="su-animate" style="visibility:hidden;-webkit-animation-duration:0.2s;-webkit-animation-delay:0.3s;animation-duration:0.2s;animation-delay:0.3s;" data-animation="fadeInUp" data-duration="0.2" data-delay="0.3">
            <?php
            if ( ( function_exists( 'jetpack_the_site_logo' ) && jetpack_has_site_logo() ) ) :
    					jetpack_the_site_logo();
    				elseif ( has_custom_logo() ) :
              the_custom_logo();
            endif;
            ?>
    </div>
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    必要な CSS (animate) とスクリプト (jquery, jquery-inview, su-shortcodes) が組み込まれていないのではないでしょうか?ショートコードを呼び出していないとこれらは組み込まれません。

    下記のようなコードで組み込むことができると思います。

    if ( function_exists( 'su_query_asset' ) ) {
    	su_query_asset( 'css', 'animate' );
    	su_query_asset( 'js', 'jquery' );
    	su_query_asset( 'js', 'jquery-inview' );
    	su_query_asset( 'js', 'su-shortcodes' );
    }
    トピック投稿者 hachikuma

    (@hachikuma)

    ishitakaさん

    ご回答ありがとうございます。
    見事にうまくいきました!!

    header.phpは各ページで読み込まれているので問題ないと思っていました。
    難しいですね。。。

    本当にありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「サイトロゴが表示されない」には新たに返信することはできません。