如何在页面中扩展页面模块？

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。您也可以向该元素添加一个类，以确保只有具有Icon的元素才会获得适当的样式。

为了让图标进入CSS你只需做这样的事情：

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