Lab arrow TYPOlight arrow カスタムHTMLコードモジュールの活用

カスタムHTMLコードモジュールの活用

TYPOlightではモジュールと呼ばれる機能ごとの部品を組み合わせて、ページを構成していきます。
ナビゲーションメニューや、新着記事の表示、検索など、多くの機能がTYPOlightに標準で用意されているので、「レイアウト/モジュール」で登録し、これらを組み合わせて「ページレイアウト」を作成していきます。

用意されているモジュールでサイト構築に必要な機能はほとんどカバーされていますが、サイト独自のちょっとした要素を全ページ共通で表示したい場合には「カスタムHTMLコード」モジュールが便利です。

他のモジュールと同じ様に「レイアウト/モジュール」で、モジュールタイプから「カスタムHTMLコード」を選びます。
モジュール編集画面がHTMLコード入力フィールドに切り変わるので、HTMLを記述して保存します。
このサイトの例ですが、たとえばフッターに表示するクレジットなどに利用すると便利です。


カスタムHTMLコード作成
モジュールを登録した後に、「ページレイアウト」のレイアウト編集画面で、「モジュール」と「カラム」をそれぞれ選びます。


ページレイアウト
これで編集したレイアウトを適用しているページで、カスタムHTMLコードが反映されます。
TYPOlightに限らず、カスタムHTMLの機能は他のCMSでもよく見かけますがTYPOlightの場合、個別アーティクルの中にも組み込むことができます。
ページレイアウトの場合と同じ様に、アーティクル編集で要素タイプにモジュールを選ぶと、登録してあるモジュールから選択することができます。


カスタムHTMLコード作成
カスタムHTMLコードを活用することの一番のメリットは、ページのテンプレートをなるべくシンプルにできることだと思います。カスタムHTMLコードだと管理画面で気軽に編集できるので、メンテナンス的にも良さそうです。