Skip to content

Instantly share code, notes, and snippets.

@aikusuma
Last active August 29, 2015 14:21
Show Gist options
  • Save aikusuma/00dbc7d307f93464aa66 to your computer and use it in GitHub Desktop.
Save aikusuma/00dbc7d307f93464aa66 to your computer and use it in GitHub Desktop.
WOW JS for Wordpress
<?php
//* Nambahin animate & Wow.js
add_action( 'wp_enqueue_scripts', 'sk_enqueue_scripts' );
function sk_enqueue_scripts() {
wp_enqueue_style( 'animate', get_stylesheet_directory_uri() . '/css/animate.min.css' ); //* Ubah letak animate.min.css kamu simpan
wp_enqueue_script( 'wow', get_stylesheet_directory_uri() . '/js/wow.min.js', array(), '', true ); //* Ubah letak wow.min.css kamu simpan
}
//* aktifasi WOW.js
add_action('wp_enqueue_scripts', 'sk_wow_init_in_footer');
function sk_wow_init_in_footer() {
add_action( 'print_footer_scripts', 'wow_init' );
}
//* nemambahkan javascript sebelum </body>
function wow_init() { ?>
<script type="text/javascript">
new WOW().init();
</script>
<?php }
<div class="wow bounceInUp">taruh Konten nya disini gan</div>
<div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s">taruh Konten nya disini gan</div>
<div class="wow slideInRight" data-wow-offset="10" data-wow-iteration="10">taruh Konten nya disini gan</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment