【ブログ改造計画】都会のエレキベアを一新！カテゴリ整理からデザイン修正までを振り返る【WordPress】

/** 都会のエレキベアカラー */
  --eleki-color-yellow: #fff500
  --eleki-color-dark-gray: #222222
  --eleki-color-light-gray: #3d3b39
  --eleki-color-white: #f2f2f2

    // 読み込み完了時(画像やリソースも含む)
    window.addEventListener("load", function(e) {
        // ローディングをフェードアウトする
        $(".eleki-splash-loader").delay(100).fadeOut('fast');
        // 一定病後に処理を行う
        window.setTimeout(() => {
            // bodyにappearクラスを付与
            $('body').addClass('eleki-page-in');
            // ヘッダーを表示する
            window.setTimeout(() => {
                Header.showHeader();
            }, 500);
        }, 200);
    });

    // ページアウト検知処理
    $(function() {
        // ハッシュリンク(#)と別ウィンドウでページを開く場合はスルー
        $('a:not([href^="#"]):not([target])').on('click', function (e) {
            // ナビゲートをキャンセル
            e.preventDefault();
            // 遷移先のURLを取得
            let url: any = $(this).attr('href');
            if (url !== '' && url !== undefined) {
                // bodyにページアウト用のクラスを付与
                $('body').addClass('eleki-page-out');
                // 一定時間後に取得したURLに遷移
                setTimeout(function(){
                    window.location = url;
                }, 700);
            }
            return false;
        });
    });

    // iOSの戻るボタンでキャッシュが効かないよう再読込
    // https://stray-light.info/wp/ios-safari-backbutton/#toc2
    window.onpageshow = function(event) {
        if (event.persisted) {
            window.location.reload();
        }
    };

        <script>
            /**
             * ラーメンをランダム表示する
             */
            function OnRandomRamenClick() {
                // 全て非表示にする
                $('.js-random-ramen-item').hide();
                // hiddenパラメータからmax値を取得し、ランダムでラーメンを表示する
                let max = $('#random-ramen-max-count').val();
                let random = Math.floor(Math.random() * (max - 1));
                $('#ramen'+random.toString()).show();
            }
        </script>