admin_url( 'admin-ajax.php' ), 'nonce' => $actus_nonce, 'plugin_dir' => ACTUS_MTN_DIR, 'plugin_url' => ACTUS_MTN_URL, 'options' => $actus_mtn_admin_options, 'actus_motion_array' => $actus_motion_array, ); wp_localize_script( 'actus_motion_admin_script', 'actusMotionParamsAdmin', $actus_mtn_params_admin ); } /* * Adds ACTUS menu on admin panel */ if ( !function_exists( 'actus_menu' ) ) { function actus_menu(){ add_menu_page( 'ACTUS Plugins', 'ACTUS', 'manage_options', 'actus-plugins', 'actus_plugins_page', ACTUS_MTN_URL . 'img/actus_white_20.png', 66 ); } if ( is_admin() ) { add_action( 'admin_menu', 'actus_menu' ); } } /* * Adds submenu on ACTUS menu */ if ( !function_exists( 'actus_mtn_submenu' ) ) { function actus_mtn_submenu() { add_submenu_page( 'actus-plugins', 'ACTUS Motion Options', 'ACTUS Motion', 'manage_options', 'actus-motion', 'actus_motion_admin_page' ); } if ( is_admin() ) { add_action( 'admin_menu', 'actus_mtn_submenu' ); } } /* * Add settings link on plugin page * */ function actus_mtn_settings_link( $links ) { $settings_link = 'Settings'; array_unshift( $links, $settings_link ); return $links; } /* * The ACTUS plugins page content */ if ( !function_exists( 'actus_plugins_page' ) ) { function actus_plugins_page() { // Enque styles wp_enqueue_style( 'actus-admin-styles', ACTUS_MTN_URL . 'css/actus-admin.css' , false, '1.0.0', 'all' ); $actus_plugins_url = ACTUS_MTN_DIR . '/includes/actus-plugins.php'; include $actus_plugins_url; $actus_w = ACTUS_MTN_URL . 'img/actus_white.png'; ?>

ACTUS Motion is a unique plugin that lets you give life to your webpages. A professional timeline lets you refine your motion timing and parameters. Animation can begin playing on page load, when the element is revealed on screen after scrolling or when the element clicked or hovered.

Usage

In the bottom of the edit post/page screen, you can see the ACTUS Motion Metabox.

Click on the ADD ITEM button to add a motion item.
Enter an element id or class name in the ELEMENT field (eg: ‘#example’ or ‘.example’).
Select the starting event (on page load, on reveal after scroll, on click, on hover).
Select animate OUT if you want to animate the element away of its original position.
Select a motion track (move,zoom,rotate,fade,blur).
Click the ADD MOTION button to add the motion track to the timeline.
Drag the motion track to adjust its starting time.
Drag the motion track right edge to adjust its duration.
Click on the icon on the left of the motion track, to open the parameters.
Add as many motion tracks as you want.
Update the post or page to save the changes.

Now you can preview your post/page and watch the motion you have applied.