Wikidot Layout

wikidot-layout.png

WikidotでBootStrapレイアウトが使えるというお知らせが出ました。
[http://www.wikidot.com/doc:layout-reference#toc1layout-reference]
実際に使ってみましょう。

Admin Panel » Appearance & Behaviour » Themes » Custom » Create a new layout

layout.png
に行けば新しいレイアウトを定義することができます。
っていっても何を書けばいいんじゃ??
例としてはこんなかんじ
<div class="title"> 
    <h1> 
         [[site_name]] 
     </h1> 
</div> 
 
<div class="my-blog-content-and-title"> 
    <span class="blog-title"> 
        [[page_title]] 
    </span> 
    [[breadcrumbs]] 
    [[content]] 
</div>

ここで注意。
最初私は「レイアウト名」のところにtestと書いたんだけど、何回やってもエラーで保存できなかった。
たぶん、すでに登録されている名前は保存できないのかも。
なのでこれは誰も使ってないだろう、という名前をつけて保存してやれば無事保存ができました。

作ったレイアウトを反映させる

さて、レイアウトっていうものは作ったけど、どこで使用するんじゃ?となります。
カスタムテーマを作るときに、「このレイアウトを使用する」と指定することで反映されるのです。
when.png

文法

<div class="login-status">

</div>
</div>

<h2>[[page_title]]</h2>

呪文 出力
[[site_name]] 自分のサイト名の文字列だけ
[[site_subtitle]] 自分のサイトのサブタイトル
[[module LoginStatus]] loginstatus.png<div class="btn-group" style="z-index: 1001;">…
[[breadcrumbs]] <div id="breadcrumbs>
[[content]] <div id="page-content>
[[search_box]] <div id="search-top-box" class="form-search"></div>に囲まれたserach.png
[[module PageOptionsBottom]] <div id="page-options-bottom" class="page-options-bottom">option-buttons.png

サポートサイト Wikidot.com