Wordpress - 子页面链接将恢复为主页

Question

我正在Wordpress上构建一个网站并首次使用html5blank主题。我有一些子页面需要添加为其中一个主页面的链接。

在我的主页上标题为'Agency'，在代理页面中我有许多图像作为链接到数字（7）的子页面 -

我在我的仪表板上创建了子页面，其中代理商作为父级，因此我获得的第一张图片的链接是... site-name / agency / 2k4kproduction。这是链接的代码。到目前为止，我只转换了两个链接（2k4k和adhoc） -

<div class="twelve columns agencyproducts">
                            <p>WHAT PRODUCT ARE YOU INTERESTED IN?</p>
                    <a href="http://localhost:8888/agency/2k4k-production/"><figure>
                        <img src="http://localhost:8888/wp-content/uploads/2017/07/production.png" alt="Production">
                        <figcaption>2K / 4K PRODUCTION</figcaption>
                    </figure></a>
                    <a href="postproduction.html"><figure>  
                        <img src="http://localhost:8888/wp-content/uploads/2017/07/post-production.png" alt="Post-Production">
                        <figcaption>POST PRODUCTION</figcaption>
                    </figure></a>
                    <a href="2d3danimation.html"><figure>
                        <img src="http://localhost:8888/wp-content/uploads/2017/07/animation.png" alt="Animation">
                        <figcaption>2D / 3D ANIMATION</figcaption>
                    </figure></a>
                    <a href="http://localhost:8888/agency/adhoc/"><figure>   
                        <img src="http://localhost:8888/wp-content/uploads/2017/07/ADHOC.png" alt="ADHOC">
                        <figcaption>ADHOC</figcaption>
                    </figure></a>
                    <a href="interactive.html"><figure> 
                        <img src="http://localhost:8888/wp-content/uploads/2017/07/interactive.png" alt="Interactive">
                        <figcaption>INTERACTIVE & PERSONALISED</figcaption>
                    </figure></a>
                    <a href="tvadverts.html"><figure>
                        <img src="http://localhost:8888/wp-content/uploads/2017/07/tv-adverts.png" alt="TV ADVERTS">
                        <figcaption>TV ADVERTS</figcaption>
                    </figure></a>
                    <a href="360video.html"><figure>    
                        <img src="http://localhost:8888/wp-content/uploads/2017/07/360.png" alt="360 Video and VR">
                        <figcaption>360 VIDEO & VIRTUAL REALITY</figcaption>
                    </figure></a>   
                </div>

对于我的文本文件，我将它们命名为page-agency-2k4kproduction.php和page-agency-adhoc.php，这是我认为根据模板层次结构的正确命名约定。但是，当我点击这些链接时，它们会恢复到我的主页。我不知道为什么这不起作用，因为我的代理文件/页面工作正常如page-agency.php所以我不确定为什么这不起作用。任何帮助表示赞赏。