パーソナライズされた入力花火や振動効果を WordPress Web サイトに追加して、Web サイトをより活気に満ちた興味深いものにしましょう。

WordPress ユーザーの一員として、私は本当に一生懸命ごまかしました(js ファイルは私が書いたものではありませんが)。WordpPressの入力ボックスにある花火と振動の特殊効果です。 というjsファイルなので、 WordPressだけでなく他のWebサイトでも 使用できます 。js の特殊効果には花火や振動の特殊効果があり、それぞれ特定の効果を有効または無効にすることができます。

WordPress 入力花火と振動エフェクトをインストールする方法:

最初のステップは、JS ファイルactivate-power-mode.js (クリックしてダウンロードできます) をダウンロードし、テーマの JS フォルダーにアップロードすることです。

2 番目のステップはコードをインストールすることです。次のコードをテーマの footer.php ファイルの末尾、または適切と思われる場所に追加します。

 
 

1
2
3
4
5
6

<script src="<?php bloginfo('template_directory'); ?>/includes/js/activate-power-mode.js "></script> <script> POWERMODE.colorful = true; // true は花火の特殊効果を有効にします POWERMODE.shake = false; // false は振動の特殊効果を無効にします document.body.addEventListener('inp ut' ,
POWERMODE ) ; </script>



注: この WordPress 入力エフェクトはコメント時のみに使用されるため、これらの JS ファイルがランダムに読み込まれないように、これらのコードに記事ページであるかページであるかの判定を追加してからこれらのコードを読み込むことをお勧めします。

使用するテーマのfooter.phpファイルにそのような判定条件がない場合は、以下のコードを使用することを推奨します。

 
 

1
2
3
4
5
6
7
8

<?php if (is_single() || is_page() ) { ?>
<script src="<?php bloginfo('template_directory'); ?>/js/activate-power-mode.js "></script> <script> POWERMODE.colorful = true; // 花火の特殊効果を有効にします POWERMODE.shake = false; // false は振動効果を無効にします document.body.addEventListener('input', POWERMODE); </script>
<
?
php
}
?
>

すでに判定条件コード <?php if (is_single() || is_page() ) { ?> がある場合は、その中に 2 番目のステップのコードを追加するだけです。

注: 最初のステップでアップロードしたパスが JS フォルダーにない場合は、2 番目のステップで activate-power-mode.js ファイルを参照するときに必ずパスを変更してください。

または、別の JS をダウンロードします: https://github.com/cnguu/Bomb-Typecho-Plugin

おすすめ

転載: blog.csdn.net/winkexin/article/details/131838226