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

Question

我想在页面模块中插入图像。有没有人知道如何在contao中扩展页面？

有关更多说明，请参见屏幕。

http://screencast.com/t/JXk5thjlvHv

请参阅所附屏幕..我的想法是这样的。

​

​

Answer 1

您可以通过在页面的设置中指定特定的CSS类来实现这一点。这个CSS类也将在常规导航模块中使用。这样，您就可以在自己的样式表中定义页面的图标。

Answer 2

这实际上取决于你想做的事情有多多。简单的方法:定义类...但这不是最灵活的。

假设你有一个自定义的图标字体。或者仅仅是FontAwesome。你想要使用这些图标来显示。在这种情况下，我将通过Rocksolid安装IconPicker模块，并编写一个自定义模块：

/system/modules/z-custom/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 ''",
);

/template/nav_default.html5

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

此部件可以添加到<li>或<strong>或a。您还可以向元素添加一个类，以确保只有具有图标的元素才能获得适当的样式。

要将图标添加到CSS中，您只需执行以下操作：

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