orchard的layout

==document==

[[ZoneName]] == zone

<html>
    <head>
        [[Head]]
    </head>
    <body>
        [[Body]] (layout)
        [[Tail]]
    </body>
<html>

==layout==

(TheThemeMachine)
----------------------------------
|             Header             |
----------------------------------
|           Navigation           |
----------------------------------
|            Featured            |
----------------------------------
|           BeforeMain           |
----------------------------------
|  A  |      Messages      |  A  |
|  s  |--------------------|  s  |
|  i  |    BeforeContent   |  i  |
|  d  |--------------------|  d  |
|  e  |                    |  e  |
|  F  |                    |  S  |
|  i  |      Content       |  e  |
|  r  |                    |  c  |
|  s  |                    |  o  |
|  t  |--------------------|  n  |
|     |    AfterContent    |  d  |
----------------------------------
|           AfterMain            |
----------------------------------
|  Tripel  |  Tripel  |  Tripel  |
|  First   |  Second  |  Third   |
----------------------------------
| Footer| Footer| Footer| Footer |
| Quad  | Quad  | Quad  | Quad   |
| First | Second| Third | Fourth |
----------------------------------
|            Footer              |
----------------------------------

==content==

Generally display templates have Header, Meta, Manage, Content and Footer zones (in the admin anything other than Content is special-case per template)
while edit templates having Meta (less frequently), Primary and Secondary (i.e. sidebar) zones.

[[ZoneName]] == zone

(Content - base content shape)
<article>
    <header>
        [[Header]]
        <div class="metadata">
            [[Meta]]
        </div>
    </header>
    [[Content]]
    <footer>
        [[Footer]]
    </footer>
</article>

//admin display template example//
(Content.SummaryAdmin - content summary in an admin list view)
<div class="summary">
    <div class="properties">
        <checkbox/>
        <h3 />
        <div class="metadata"
            [[Meta]]
        </div>
    </div>
    <div class="related">
        [[Secondary]]
        <a>edit</a>
        <a>remove</a>
    </div>
    <div class="primary">
        [[Primary]]
    </div>
</div>

//edit template example//
(Content.Edit)
<div class="sections">
    <div class="primary">
        [[Primary]]
    </div>
    <div class="secondary">
        [[Secondary]]
        <fieldset>
            <button /submit />
        </fieldset>
    </div>
</div>

你可能感兴趣的:(orchard的layout)