メインコンテンツに移動
Drupalのモジュール(Display Suite)のフィールドtテンプレート(field template)で各フィールド表示の調整
やりたいこと:コンテンツの各フィールドごとをdivなどのタグでラップしたり、cssクラス、属性を追加したいです
- Drupalのnodeシステムでは、表示設定で自由に各フィールドをラップdiv、cssクラス、属性の追加はできない
- 各フィールドが表示都合よりラップしたり、cssクラスの追加が必要となります
解決:モジュール(Display Suite)のフィールドテンプレート(field template)を有効化にします
- モジュール(Display Suite)のインポート、有効化をします
- Display Suiteのフィールドテンプレート(field template)を有効化にします
モジュール(Display Suite)のフィールドテンプレート(field template)で各表示フィールドを修正例
- フィールドをdivタグでラップしてcssクラスを追加します
- cssクラス追加よりh2タグのcss適応、各要素の間隔を調整します
- 具体的に設定方法をビデオでご参考ください
Drupalのコンテンツ表示設定にレイアウトの変更はできない。すべてのフィールド表示はしていない
- Drupalのコンテンツ表示管理画面(例:Article: ホーム » 管理 » サイト構築 » コンテンツタイプ » Article の「表示管理」)にある表示タイプ(例:全文)のレイアウト変更はできない
- そのレイアウトのコンテンツのすべてフィールドが表示されていない(例:投稿日付、投稿者など)
モジュール(Display Suite)導入で、同一表示タイプに複数のレイアウト選択可能、隠されたフィールドの表示/設定が可能になる
- Drupalのコンテンツ表示には大きな役割を果たしたモジュール(Display Suite)がぜひ利用してください
- 通常の方法でDisplay Suiteをインストール/有効化します
- コンテンツの表示管理画面(例:Article: ホーム » 管理 » サイト構築 » コンテンツタイプ » Article の「表示管理」)でDisplay Suiteのレイアウトが表示され、表示必要に応じ選択します
- また、初期隠されたフィールドも表示されます。表示必要に応じフィールドを表示場所に配置します
- 具体的な操作法はビデオでご参考ください
- Display Suiteの応用に「シリーズ記事」をご参考ください