카운터 효과는 index.php 파일에 해당 내용과 라이브러리를 functioins.php 파일에 등록 하고 main.css, custom.js 파일 수정 작업을 해야 합니다.

순서대로 진행해 보도록 하겠습니다.

index.php

        <!-- team: meet the team -->
        <section id="section_5" class="goal">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <h4 class="under-bar text-center">OUR GOALS</h4>
                        <p class="fs-14 fw-300 text-center">
                            Etiam porta sem malesuada magna mollis euismod.<br>
                            Donec ullamcorper nulla non metus auctor fringilla.<br>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>
                        </p>
                    </div>
                </div><!-- .row -->
                <div class="row">
                    <div class="col-6 col-sm-6 col-md-3">
                        <div class="div-counter-wrap">
                            <span class="counter">15</span>
                            <p class="title">WEB</p>
                        </div>
                    </div>
                    <div class="col-6 col-sm-6 col-md-3">
                        <div class="div-counter-wrap">
                            <span class="counter">734</span>
                            <p class="title">BRAND</p>
                        </div>
                    </div>
                    <div class="col-6 col-sm-6 col-md-3">
                        <div class="div-counter-wrap">
                            <span class="counter">1,256</span>
                            <p class="title">LOGO</p>
                        </div>
                    </div>
                    <div class="col-6 col-sm-6 col-md-3">
                        <div class="div-counter-wrap">
                            <span class="counter">28</span>
                            <p class="title">PARTNER</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

특별한 내용은 없으며 span.counter 부분에 원하는 숫자를 입력해 주세요.
차후에 ACF와 연동해서 관리자 화면에서 변경할 수도 있습니다.

functoins.php

    // Counter-Up-master
    wp_enqueue_script( 'zeein-jquery.counterup.min', get_stylesheet_directory_uri() . '/assets/Counter-Up-master/jquery.counterup.min.js', array(), 'v1.0', true );

    // waypoints-master
    wp_enqueue_script( 'zeein-jquery.waypoints.min', get_stylesheet_directory_uri() . '/assets/waypoints-master/lib/jquery.waypoints.min.js', array(), 'v4.0.1', true );

    // custom
    wp_enqueue_script( 'zeein-custom.js', get_stylesheet_directory_uri() . '/assets/js/custom.js', array(), 'v1.0', true );

custom 윗부분에 두개의 라이브러리를 추가 해 줍니다.
이 부분은 벌써 몇번 반복적으로 입력해 봤기 때문에 이제는 충분히 코딩 할 수 있는 부분일것이라 생각됩니다.

custom.js

    function initCountUp() {
        $('.counter').counterUp({
            delay: 20,
            time: 1000
        });
    }

    $( document ).ready(function() {
        initSlick();
        initMasonry();
        initMagnific();
        initCountUp();
    });

122: counterUp 기능을 초기화 시켜 줍니다.
counterUp의 경우 자동으로 waypoints 라이브러리를 참고해서 동작하기 때문에 waypoints 는 따로 스크립트를 작업할 필요는 없습니다. 하지만 waypoints를 functions.php 파일에 추가 하지 않으면 작동이 되지 않기 때문에 반드시 functions.php 파일에 등록하세요.