3.模板（HelloWorldLeftAndMain Content.ss）

這個模板的預期結構可能有點令人費解，但這一切都歸結為：

1. 本指南共有 3 個部分值得注意：

   • .north
   • .center
   • .south

2. 它必須完全包含在具有 data-pjax-fragment="Content" 屬性的元素中。這是從 sidemenu 生成的 AJAX 呼叫，知道內容的位置，以便它可以適當地顯示它：

<div class="cms-content center $BaseCSSClasses" data-layout-type="border" data-pjax-fragment="Content">

</div>

我不會詳細介紹模板功能，我在相關內容中包含了註釋，但如果你不理解 SilverStripe 的模板語法，則不應閱讀本指南

完整的程式碼

從下面唯一的事情; 你應該期待已經出現的風格是 <% include CMSBreadcrumbs %> 你必須在之前包含的 CSS 檔案中為自己提供的一切

<div class="cms-content center $BaseCSSClasses" data-layout-type="border" data-pjax-fragment="Content">
    <%-- This will add the breadcrumb that you see on every other menu item --%>
    <div class="cms-content-header north">
        <div class="cms-content-header-info">
            <% include CMSBreadcrumbs %>
        </div>
    </div>
    
    <div class="center">
        <%-- Our function in HelloWorldLeftAndMain.php --%>
        $Hello('USER');
        <%-- ^ outputs "Hello USER" --%>
    </div>

    <div class='south'>
        Some footer-worthy content
    </div>
</div>

現在剩下要做的就是為了/dev/build 和 ?flush=1 然後你可以在管理面板中檢視我們無用的小模組！