안녕하세요~^^

워드프레스에서 기본적으로 jQuery를 사용하실 수 있으며

"$" 변수는 사용하실 수 없습니다.

"$" 변수 대신 "jQuery" 변수로 사용하셔야 합니다.

아래의 코드처럼 적용해보시겠어요?

jQuery(document).ready(function(){
  jQuery('#red').css('opacity', 0);

  jQuery('#red').waypoint(function() {
      jQuery('#red').addClass('원하는 애니메이션효과');
  }, { offset: '50%' });
});

고맙습니다.

스레드봇님, 바로 페이지 수정에 코드로 사용하면 되는건가요 ?? 코드로 사용하려니 여러 웹 페이지에서는 바로 코드로 사용하지말라고 해서요,.

워드프레스에서 스크립트를 추가하시려면

별도로 파일을 만드신 후 wp_enqueue_script 함수를 사용하시거나

wp_head 액션에 추가해서 사용해보시겠어요?

해당 코드를 테마 쪽 functions.php 파일에 직접 추가하시려면

아래의 코드를 활용해보세요.

add_action('wp_head', 'my_wp_head');
function my_wp_head(){
?>
<script>
jQuery(document).ready(function(){
  jQuery('#red').css('opacity', 0);

  jQuery('#red').waypoint(function() {
      jQuery('#red').addClass('원하는 애니메이션효과');
  }, { offset: '50%' });
});
</script>
<?php
};

고맙습니다.