MTタグ逆引き辞典

フォルダ毎に表示するアイコンを指定する

Simple Corporate などのテーマでは、ウェブページのタイトルの先頭にアイコンが表示されます。

今回は、ウェブページがフォルダに属する場合に一番上のフォルダで指定したアイコンを表示する、というカスタマイズをご紹介します。

フォルダのカスタムフィールドの作成

まず、フォルダのカスタムフィールドを作成します。

今回は以下を指定します。

  • システムオブジェクト:フォルダ
  • タイプ:テキスト
  • 識別子:icon

フォルダの編集ページにアイコン欄が表示されるので、Font Awesome のテーマが対応しているバージョンのアイコンのクラス名を指定します。例:fa-cube

テンプレート記述例

次にウェブページのテンプレートの内の以下の記述部分を

<h2><i class="fa fa-tag"></i><$mt:PageTitle$></h2>

以下に変更します。

<h2><i class="fa <mt:If tag="TopLevelFolder"><mt:TopLevelFolder><mt:CustomFieldValue identifier="icon" /></mt:TopLevelFolder><mt:Else>fa-tag</mt:if>"></i><$mt:PageTitle$></h2>

処理としては、そのウェブページのトップレベルのフォルダがあるかを確認し、あればトップレベルのカスタムフィールドに指定されたテキストを表示、なければ共通のアイコンを表示、ということを行っています。

使用したMTタグはこちら

トフでもできる!?テーマ開発BOOK