contaoでページモジュールを拡張するには？

Question

ページモジュールにイメージを挿入します。誰もがcontaoでページを拡張する方法を知っている？

詳細については、画面を参照してください。

http://screencast.com/t/JXk5thjlvHv

私の考えは、このようなものです。..添付の画面を参照してください。

Answer 1

あなたはそれらの設定でページに特定のCSSクラスを与えることであることを行うことができます。このCSSクラスは、通常のナビゲーションモジュールでも使用されます。こうすることで、自分のスタイルシートにページのアイコンを定義することができます。

Answer 2

実際にどれくらいしたいのかによって決まります。簡単な方法：クラスを定義する...しかし、それは最も柔軟性のないものです。

カスタムアイコンフォントがあるとします。それともFontAwesomeかそして、これらのアイコンを使用して表示したいとします。この場合、私は、カスタムモジュールRocksolidによってIconPickerモジュールをインストールして記述します。

/system/modules/z-customs/dca/tl_page.phpを

$GLOBALS['TL_LANG']['tl_page']['icon']=array('Pageicon', 'Set an Icon for the Page'); 
$GLOBALS['TL_DCA']['tl_page']['fields']['icon'] = array(
    'label'     => &$GLOBALS['TL_LANG']['tl_page']['icon'], 
    'exclude'     => true, 
    'inputType'    => 'rocksolid_icon_picker', 
    'eval'     => array(
     'fieldType'=>'radio', 
     'tl_class'=>'w100 clr', 
     'iconFont' => 'files/fonts/fontawesome-webfont.svg', 
     ), 
    'sql'      => "varchar(100) NOT NULL default ''", 
); 

/templates/nav_default.html5

<?php if($item['icon']): ?>data-icon="&#x<?= $item['icon']; ?>"<?php endif; ?> 

この部分は<li>又は<strong>またはaに添加することができます。アイコンを持つ要素だけが適切なスタイルを取得できるように、要素にクラスを追加することもできます。助けのための

a:before { 
    content: attr(data-icon); 
    font-family: "FontAwesome"; 
}