月: 2022年4月

フッターにスクリプト出力

読み込み遅らせる

プラグインキャッシュ

 

問題が混在した。

アニメーションでfade_up_conがスマホで表示されない件

答えは　ヘッダーに書いてある

まさかの

<!–フリックスライダー–>

を　script async type=”text/javascript”　で遅らせた結果だった　なぜ？これ関係ないやん　と思っていたが

<script type="text/javascript" src="<?php //1が784 2が1042
                                    echo get_template_directory_uri(); ?>/0_d/js/flickSlider_600.js"></script>

中身を開くと

///これはローディング画像を出すスクリプト後入れ//
window.onload = function(){
    $(function() {
        $("#loading").fadeOut(0);
        $(".flickSlider").fadeIn(500);
    });
}

最初にこれが書いてあって

フッターに書いてある

アニメーションも

<script>
//フェイドアップ
    window.onload = function() {
  scroll_effect();

  $(window).scroll(function(){
   scroll_effect();
  });

・・・

となっており、

順番の問題なようだ。いや違う

window.onloadは上書きされるので

うまく行ってない状態だと

ローディング画像が適応で　フェイドアップが無効だということ

そういえば　ローディング画像でなくなったと思った事がある。。

http://www.d-marking.com/%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF-%E3%82%A2%E3%83%8B%E3%83%A1%E3%82%A4%E3%83%88wow/

ここにメモが、。

window.onload　２回使いたい場合に

https://onedarling.site/programming/javascript/window-onload/

ここを参考

window.onloadを２つ以上使いたい場合は、addEventListenerを使えばOKです。

window.addEventListener('load', function(){
  console.log('ロースを注文しました');
});
 
window.addEventListener('load', function(){
console.log('カルビを注文しました');
});

 

フッターにオープン用

<script>
  ///非同期を　読み込むためのもの　ページスピード用
//webfont css等
(function(window,document){
    // .lazy-cssを探します
    var lazyCss=document.querySelectorAll('.lazy-css');
    for(var i=0,l=lazyCss.length;i<l;i++){
        // 一つずつ『stylesheet』に変更します
        lazyCss[i].rel='stylesheet';
    }
})(window,document);
</script>

該当css

<link href="/css/style.css" rel="subresource" class="lazy-css" />

 

 

https://www.zukoo.net/blog/detail.html?id=270

or

サイトの表示高速化につながる18のこと

 

//スクリプトをフッター
function move_scripts(){
  remove_action('wp_head', 'wp_print_scripts');
  remove_action('wp_head', 'wp_print_head_scripts', 9);
  remove_action('wp_head', 'wp_enqueue_scripts', 1);
  add_action('wp_footer', 'wp_print_scripts', 5);
  add_action('wp_footer', 'wp_print_head_scripts', 5);
  add_action('wp_footer', 'wp_enqueue_scripts', 5);
}
add_action( 'wp_enqueue_scripts', 'move_scripts' );

上記でwordpressから出るのをフッターで

 

ヘッダー自主を非同期

<script async src="<?php echo get_template_directory_uri(); ?>/0_d/js/wow.min.js"></script>

 

ローカルからアップ　設定　検索エンジン　開放忘れずに

 

さて

下記ファンク

 

// インデックスと巡回の設定 */
function add_noindex_insert(){
    if(is_singular('menu') or is_singular('site') or is_singular('d_contents') or is_singular('top_img')
     //or is_singular('post') //ブログなしの場合のみ
     )
    {
        echo '<meta name="robots" content="noindex,nofollow,noarchive">'."\n";
        echo '<meta name="googlebot" content="noindex,nofollow,noarchive">'."\n";
    }
    
    /* 特定の固定ページ */
//	if (is_page(array('slag名','slag名'))) {
//		echo '<meta name="robots" content="noindex,nofollow,noarchive">'."\n";
//		echo '<meta name="googlebot" content="noindex,nofollow,noarchive">'."\n";
//	}

//	/* 特定の投稿 */
//	if (is_single(array('記事ID', '記事ID'))) {
//		echo '<meta name="robots" content="noindex,nofollow,noarchive">'."\n";
//		echo '<meta name="googlebot" content="noindex,nofollow,noarchive">'."\n";
//	}

//	/* カテゴリアーカイブ */
//	if (is_category()) {
//		echo '<meta name="robots" content="noindex,nofollow,noarchive">'."\n";
//		echo '<meta name="googlebot" content="noindex,nofollow,noarchive">'."\n";
//	}

//	/* 検索結果 */
//	if (is_search()) {
//		echo '<meta name="robots" content="noindex,nofollow,noarchive">'."\n";
//		echo '<meta name="googlebot" content="noindex,nofollow,noarchive">'."\n";
//	}
}
add_action('wp_head', 'add_noindex_insert');
add_action('wp_footer', 'file_load_scripts_styles');