我正在尝试将Zurb Foundation 5整合到Wordpress主题中。我可以让它很好地工作，但我对一个似乎让它在Wordpress中无法工作的问题感到困惑。

请参阅此代码以使非画布菜单正常工作，并按照代码列出我的问题：

<div class="off-canvas-wrap">
    <div class="inner-wrap">    

        <nav class="tab-bar">
            <section class="left-small">
                <a class="left-off-canvas-toggle menu-icon" ><span></span></a>
            </section>
            <section class="middle tab-bar-section">
                <h1 class="title">Foundation</h1>
            </section>
            <section class="right-small">
                <a class="right-off-canvas-toggle menu-icon" ><span></span></a>
            </section>
        </nav>

        <aside class="left-off-canvas-menu">
            <ul class="off-canvas-list">
                <li><label>Foundation</label></li>
                <li><a href="#">The Psychohistorians</a></li>
            </ul>
        </aside>

        <aside class="right-off-canvas-menu">
            <ul class="off-canvas-list">
                <li><label>Users</label></li>
                <li><a href="#">Hari Seldon</a></li>
            </ul>
        </aside>

        <section class="main-section">
            <!-- MAIN CONTENT GOES HERE -->
        </section>

        <a class="exit-off-canvas"></a>

    </div>
</div>

如果是这样，wordpress代码的模块化特性是如何工作的？整个页面需要在页眉中。php，没有模块化。

我觉得我一定错过了什么。

真的希望有人能帮忙。

祝你一切顺利，安德鲁。