フォルダの階層毎にスタイルを適用する

応用

フォルダとウェブページを使ってナビゲーションを作成する際に、階層の深いフォルダのデザインを変更します。

テーマPublic Organizationでは、「３階層目」にインデントが設定されています。

※ 現在はMovableType.netのみのタグで、ソフトウェア版にはありません。

メニュー部分でサブフォルダを表示させているソースに、以下の部分があります。

<mt:subfolders>
  <li class="depth-<$mt:FolderDepth$>"><$mt:FolderLabel$></li>
</mt:subfolders>

ポイントはmt:FolderDepthというタグです。mt:FolderDepthは、現在のフォルダが何階層目か？を取得します。
これにより、２階層目ならdepth-2、３階層目ならdepth-3と出力されるので、これをクラス名として利用し、スタイルを設定します。

フォルダの階層によってクラス名を出力できるので、応用すれば「３階層目にあるウェブページのデザインを変更する」といった実装も可能です。
以下を参考にしてください。
特定のフォルダ内のウェブページのレイアウトを変更する

安心・高速・サーバー不要の
SaaS型本格CMS