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

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

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