Html wordpress滑块不工作

我有一个Html页面，其中有一个滑块。下面是html代码

<div data-src="images/page1_slide01.jpg">
        <div class="camera_caption fadeIn">
          <div class="container">
            <div class="camera-text bg01">
              <div class="camera-text_inner">
                <h2>“Black Horse”</h2>
                <h5>by Mark Oswald</h5>
                <p>Ret iusto odio dignissim qui blandit praesent luptaum zzelenit augue duis dolore te feugait nulla facilisi. Typi non habent claritatem insita</p>
                <a class="btn" href="#">More</a>
              </div>
            </div>
          </div>
        </div>
      </div>

“黑马”
马克·奥斯瓦尔德
他是一位有尊严的人，他是一位有教养的人。非哈勃特学院

我正在尝试将此页面转换为wordpress

<div data-src="<?php bloginfo('template_url'); ?>/images/page1_slide01.jpg">
        <div class="camera_caption fadeIn">
          <div class="container">
            <div class="camera-text bg01">
              <div class="camera-text_inner">
                <h2>“Black Horse”</h2>
                <h5>by Mark Oswald</h5>
                <p>Ret iusto odio dignissim qui blandit praesent luptaum zzelenit augue duis dolore te feugait nulla facilisi. Typi non habent claritatem insita</p>
                <a class="btn" href="#">More</a>
              </div>
            </div>
          </div>
        </div>
      </div>

尝试更改

bloginfo('template_url')

到

使用它

echo get_bloginfo('template_directory');