How do I get my page to load the jQuery UI Effects library?

You can call scripts in your function to only load for the front or home page. The codex is not a very complete reference, to include the jQuery UI Effects core you can do the following:

wp_enqueue_script( 'jquery-effects-core');

Or you can iclude just the effects you want , such as:

 wp_enqueue_script( 'jquery-effects-blind');

Here is a reference to the jQuery effects names which you can enqueue:

  • jquery-effects-core
  • jquery-effects-blind
  • jquery-effects-bounce
  • jquery-effects-clip
  • jquery-effects-drop
  • jquery-effects-explode
  • jquery-effects-fade
  • jquery-effects-fold
  • jquery-effects-highlight
  • jquery-effects-pulsate
  • jquery-effects-scale
  • jquery-effects-shake
  • jquery-effects-slide
  • jquery-effects-transfer

To include it only for your font page you would do something like:

function my_scripts_method() {
    if ( is_front_page ) { 
    // make sure jQuery is loaded
    wp_enqueue_script('jquery-ui-core', '', '', array('jquery'));
    wp_enqueue_script('jquery-effects-core', '', '', array('jquery'));
    }
}
add_action('wp_enqueue_scripts', 'my_scripts_method');