要在WordPress网站中添加个性化输入礼花和震动特效，你可以使用JavaScript和CSS来实现。以下是一个基本的示例，你可以根据需要进行修改和扩展：

  1. 在WordPress主题中添加自定义脚本：

    WordPress网站添加个性输入礼花及震动特效

    在你的WordPress主题文件（通常是functions.php）中添加以下代码来引入你的自定义脚本：

    function add_custom_scripts() {
   wp_enqueue_script('customeffects', get_template_directory_uri() . '/js/customeffects.js', array('jquery'), '1.0', true);
}

add_action('wp_enqueue_scripts', 'add_custom_scripts');

    上述代码将在WordPress页面加载时引入一个名为customeffects.js的脚本。

  2. 创建自定义脚本文件：

    在你的主题文件夹中创建一个名为js的文件夹（如果还不存在），然后在该文件夹中创建一个名为customeffects.js的文件。

  3. 在customeffects.js中添加代码：

    下面是一个简单的示例，可以在用户输入时添加礼花特效和震动特效：

    jQuery(document).ready(function($) {
   $('input[type="text"]').on('input', function() {
       // 添加礼花特效
       // 在这里添加你的礼花特效代码

       // 添加震动特效
       $(this).css('transform', 'translateX(5px)'); // 以X轴为例，你可以根据需要更改
       setTimeout(() => {
           $(this).css('transform', 'translateX(0)');
       }, 200); // 200毫秒后重置位置
   });
});

    在上述代码中，当文本输入框的内容发生变化时，它将触发一个事件处理程序。在事件处理程序内部，你可以添加礼花特效的代码，并使用CSS将输入框进行简单的震动动画。

  4. 在主题中使用自定义样式：

    如果你希望定制特定的样式，你可以在主题的CSS文件中添加相关样式。

请注意：

以上只是一个简单的示例。实际上，实现礼花和震动特效可能需要更复杂的JavaScript和CSS代码，具体取决于你想要实现的效果。

请确保你在网站上使用的JavaScript和CSS符合WordPress的最佳实践，以避免冲突或安全问题。

始终在修改主题文件或添加自定义代码之前备份你的网站，以防意外情况发生。