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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值